/*
首页模块命名规范：col-index-模块英文名称，如：col-index-news
内页页面外层容器命名规范：
1、通用样式：col-page，内页外层容器通用样式，使用方法<div class="col-page col-page-about"></div>
2、页面样式：col-page-模块英文名称，如：col-page-about（关于我们页面）
3、内页模块命名规范：col-模块英文名称，如：col-product（产品）、col-honor（荣誉）(<div class="col-wrap col-product"></div>)
其他命名规范：
1、使用swiper、owl.Carousel等插件时，插件外层容器可用模块名称-container,如product-container
2、使用英文名称为样式命名，不要出现拼音和首字母
3、模块最外层容器命名规范：col-自定义名称
4、样式命名中单词由符号“-”来连接，如：col-culture,col-hot-product
备注：上面所说的模块不是指系统后台模块，是网站前台页面中的组成模块，如：首页中包含网站头部、产品、新闻、荣誉、案例、网站底部，其中每个部分视为一个模块。
*/
@charset "utf-8";
.home-top-grid1 {
    background: rgba(11, 100, 143, 0.7);
    transition: 0.5s all;
}
.home-top-grid2 {
    background: rgba(226, 23, 55, 0.5);
    transition: 0.5s all;
}
.home-top-grid3 {
    background: rgba(11, 100, 143, 0.4);
    transition: 0.5s all;
}
@font-face {
    src: url(../fonts/HelveticaInserat.ttf);
}
@font-face {
    font-family: 'FuturistCondensed';
    src: url('../fonts/FuturistCondensed Regular.TTF');/* IE9*/
    src: url('../fonts/FuturistCondensed Regular.TTF') format('embedded-opentype'), /* IE6-IE8 */
    /*url('../fonts/FuturistCondensed Regular.woff') format('woff'), *//* chrome、firefox */
    url('../fonts/FuturistCondensed Regular.TTF') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../fonts/FuturistCondensed Regular.svg#iconfont') format('svg');/* iOS 4.1- */
}
/*@font-face {
  font-family: 'Roboto Regular';
  src: url(../fonts/Roboto-Regular.ttf);
}
@font-face {
  font-family: 'Roboto Medium';
  src: url(../fonts/Roboto-Medium.ttf);
}
@font-face {
  font-family: 'Roboto Bold';
  src: url(../fonts/Roboto-Bold.ttf);
}
@font-face {
  font-family: 'Roboto Light';
  src: url(../fonts/Roboto-Light.ttf);
}*/
@font-face {
  font-family: 'OpenSans Regular';
  src: url(../fonts/OpenSans-Regular.ttf);
}
@font-face {
  font-family: 'OpenSans Medium';
  src: url(../fonts/OpenSans-Medium.ttf);
}
@font-face {
  font-family: 'OpenSans Bold';
  src: url(../fonts/OpenSans-Bold.ttf);
}
@font-face {
  font-family: 'OpenSans Light';
  src: url(../fonts/OpenSans-Light.ttf);
}
.RR{font-family: 'OpenSans Regular';}
.RM{font-family: 'OpenSans Medium';}
.RB{font-family: 'OpenSans Bold';}
.RL{font-family: 'OpenSans Light';}
@font-face {font-family: 'iconfont';
    src: url('font/iconfont.eot'); /* IE9*/
    src: url('font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('font/iconfont.woff') format('woff'), /* chrome、firefox */
    url('font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;font-family:'iconfont';}
@font-face {
    font-family: 'iconfont1';  /* Project id 1502878 */
    src: url('//at.alicdn.com/t/font_1502878_vzyvufcq4gp.woff2?t=1654164469634') format('woff2'),
       url('//at.alicdn.com/t/font_1502878_vzyvufcq4gp.woff?t=1654164469634') format('woff'),
       url('//at.alicdn.com/t/font_1502878_vzyvufcq4gp.ttf?t=1654164469634') format('truetype');
}
.iconfont1{font-size:12px;font-style:normal;-webkit-font-smoothing:antialiased;font-family:'iconfont1';}
body {
    font-family: 'OpenSans Regular','Arial',"微软雅黑";
    min-width: 320px;
    color: #666;
    overflow-x: hidden;
}
.iconfont {
    font-family: 'iconfont';
}
img {
    max-width: 100%;
}
li {
    list-style: none;
}
i,
em {
    font-style: normal;
}
.vcenter {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    margin: auto;
}
.last {
    margin-right: 0 !important;
}
.tHide {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.blockFull {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.relative { position: relative;}
a { color: #666; transition: 0.5s;}
a:hover {  color: #f18d00; text-decoration: none;}
a:link,
a:visited{text-decoration: none;}
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li { margin: 0; padding: 0;}
img {border: 0;}
p{margin:0;line-height: 1.625;}
.container {width: 100%;max-width: 1320px;padding: 0;}
.container1{max-width: 1580px;}
.container2{max-width: 1380px;}
.pic { position: relative; overflow: hidden;}
.pic:after { content: ""; display: block;}
.padding{padding-left: 4%;padding-right: 4%;}
.panel{margin:0;border:0;border-radius: 0;box-shadow: none;}
.bold{font-weight: bold;font-family: 'OpenSans Bold';}
strong{font-family: 'OpenSans Bold';}
.flex{display: flex;flex-wrap: wrap;}

#page{padding-top: 0px; overflow: hidden;}
/*header*/
    header{width:100%; position: fixed; left: 0; top: 0; z-index:1001;}
    header h1{margin:0; padding: 0;font-size: 0;line-height: 64px;width: 15%;max-width: 192px;}
    header .container{position: relative;width: 100%;max-width: 1680px;padding: 0 15px;}
    nav.mm-menu_offcanvas{display: none;}
    #header a.mm_btn{display: none; width: 55px; height: 55px; position: absolute; right: 0; top:0;  background: #0067b7; transition: .5s all;}
    .headTop{height: 45px;line-height: 45px;color: #222; background: #fff;overflow: hidden; }
    .headTop a{color: #222;}
    .headTop a:hover{color: #f08c00;}
    .headTop span.img{display: flex;align-items: center;height: 45px;}
    .headTop span.img:before{content: '';display: inline-block; height: 19px;margin-right: 5px;}
    .headTop .email{margin-left: 2vw;}
    .headTop .email span.img:before{width: 17px; background: url(../images/email.png) left center no-repeat; }
    .headTop .phone span.img:before{width: 16px; background: url(../images/tel.png) left center no-repeat; }
    .headTop .phone-choose {margin-left: 0.52vw; font-size: 14px; }
    .headTop .phone-choose p.tit{line-height: 45px;cursor: pointer;}
    .headTop .phone-choose p.tit:after{content: '\e69a';margin-left: 4px; font-family: 'iconfont';font-size: 12px;color: #f08c00;}
    .headTop .phone-choose .down{ display: none; width: 120px;padding: 10px 0; position: absolute;left: 50%;margin-left: -60px;text-align: center; background: rgba(255,255,255,0.8);z-index: 1; }
    .headTop .phone-choose .down p{line-height: 1.8;}
    .headTop .phone-choose .down p a{display: block;}
    .headTop .phone-choose .down p a:hover{color: #fff;background: #f08c00;}
    .social{display: flex;align-items: center;height: 45px;}
    .social span{margin-left: 0.7vw;}
    .social span i{font-size: 18px;}

    .head{ transition: 0.5s;}
    .head.on{background: #333;}
    .head.active{background: #333;}
    .headNav{padding: 16px 0;}

    .language { position: relative; line-height: 22px; margin-top: 21px;margin-left: 2vw;}
    .language:before{content: '';height: 20px;border-right: 1px solid #fff;position: absolute;left: -1vw;top:0;}
    .language a { color: #fff;padding-bottom: 10px;  display: block;}
    .language a img{position: relative;top:-2px;}
    .language a i{font-size: 12px;color: #f08c00;}
    .language .lang-none {display: none; width: 100px;left: 50%;margin-left: -50px;  position: absolute;z-index: 99; background:rgba(255,255,255,0.8);box-shadow: 0 0 5px rgba(0,0,0,0.15);text-align: center;padding: 10px 0;
        animation-duration: 0.6s;   
        -webkit-animation-duration: 0.6s;
    }
    .language .lang-none a{ padding: 5px; color: #333; }
    .language .lang-none a:hover{background: #f08c00; color: #fff;}
    .headSear{height: 64px;line-height: 60px;}
    .headSear a{color: #fff;}
    .headSear a:hover{color: #f08c00;}
    .headSear i{position: relative;top: 2px;}
    .nav ul li{float: left;position: relative;margin-right: 3vw; line-height:64px;}
    .nav ul li a{color: #fff;text-transform: uppercase;}
    .nav ul li a:hover{color: #f08c00;}
    .nav ul li ul {display: none; width: 248px;left: 50%;margin-left: -124px;position: absolute;padding: 10px 0;background: #fff;box-shadow: 0 0 5px rgba(0,0,0,0.15);
        animation-duration: 0.6s;   
        -webkit-animation-duration: 0.6s;
    }
    .nav ul li ul li {  float: none;line-height: 1.6;margin: 0;}
    .nav ul li ul li:after{display: none;}
    .nav ul li ul li a { padding: 4px 10px; font-size: 14px;color: #222; display: block;  text-align: center;}
    .nav ul li ul li a:hover { color: #fff; background: #f08c00;}
    .nav ul li ul li .three {display: none;width: 100%;position: absolute;left: 100%;  top: -10px; padding: 10px 0; box-shadow: 0 0 5px rgba(0,0,0,0.15);background: #fff;z-index: 2;}
    .nav ul li ul li .three a{}
/*header*/
/*footer*/
    .footer{padding-top: 6%; background: #1d242f;color: #fff; }
    .footer h3{font-family: 'OpenSans Medium';}
    .footer a{color: #fff;}
    .footer a:hover{color: #f08c00;}
    .footerleft{width: 66%;padding-right: 6vw;}
    .footerCon{ padding-bottom: 3.54vw; border-bottom: 1px solid #4a5059; }
    .footerCon hr{width: 30px;border-top: 3px solid #f08c00;margin: 0.83vw 0 1.3vw;}
    .footerCon ul{margin: 0 -5px; display: flex;justify-content: space-between; }
    .footerCon ul li{ max-width: 33.33%;padding: 0 5px; }
    .footerCon ul li p.name{margin-bottom: 8px; font-family: 'OpenSans Regular'; }
    .footerCon ul li p.link {margin-top: 0.83vw;}
    .footerCon ul li p.link a{margin-right: 5px;}
    .footerCon ul li p.link span.iconfont{font-size: 0;}
    .footerCon ul li p.link span.iconfont:before{content: '';font-family: 'iconfont';font-size: 16px;}
    .footerCon ul li p.link span.span_in.iconfont:before{content: '\e620';}
    .footerCon ul li p.link span.span_f.iconfont:before{content: '\e60e';}
    .footerCon ul li p.link span.span_t.iconfont:before{content: '\e60f';}
    .footerCon ul li p.link span.span_tik.iconfont:before{content: '\e8db';}
    /*.footerCon ul li p.link span.span_i.iconfont:before{content: '\e67b';}*/
    .footerCon ul li p.link span.span_i{font-size: 0;}
    .footerCon ul li p.link span.span_i:before{font-size: 16px;}
    .footerCon ul li p.link span.soan_video.iconfont:before{content: '\e67c';}
    .footerNav{margin-top: 3.64vw;}
    .footerNav ul{display: flex;justify-content: space-between;}
    .footerNav ul li.dh{padding-right: 1vw;}
    .footerNav ul li.dh p{line-height: 25px;position: relative;padding-left: 18px;margin-bottom: 10px;}
    .footerNav ul li.dh p a{ text-transform: uppercase; }
    .footerNav ul li.dh p i{display: block;position: absolute;left: -3px;top: 0;}
    .footerNav ul li.con p{white-space: nowrap;}
    .footerNav ul li.con p img{width: 5.46vw;max-width: 105px;margin-right: 0.41vw;}
    .footerNav ul li.con p img:last-child{margin-right: 0;}
    .footerNav ul li.con p.social-media{margin-top: 1vw;}
    .footerMess{width: 33%;}
    .footerMess ul{margin: 0 -0.52vw;padding-top: 1vw;}
    .footerMess li{padding: 0 0.52vw;margin-top: 0.83vw;}
    .footerMess li p{margin-bottom: 8px;}
    .footerMess li input,
    .footerMess li textarea{display: block;float: left;width: 100%;height: 48px;padding: 0 15px; line-height: 48px; background: #343a44;border:0;outline: none;}
    .footerMess li textarea{height: 100px;padding: 10px 15px; line-height: 1.8;}
    .footerMess li.li3, .footerMess li.li_3{width: 100%;}
    .footerMess li.verification{ line-height: 45px; }
    .footerMess li.verification input{display: inline-block;width: 45%;max-width: 180px;margin-right: 1vw;}
    .footerMess li.submit input{display: inline-block;width: 45%;max-width: 180px;color: #fff;background: #f08c00;border-radius: 24px;}
    .copy .container{padding: 1.5vw 0;margin-top: 2.6vw; border-top: 1px solid #4a5059; }
/*footer*/
/*common*/
    .col-title{color: #222;}
    .col-title h3{line-height: 1.14;}
    .col-title p{margin-top:10px;}
    /*.col-title.title-heng span.heng{display: block;margin-top: 2.86vw; width: 3.64vw;max-width: 70px;min-width: 35px; height: 8px;border-top-left-radius: 4px;border-bottom-right-radius: 4px;background: #f08c00;}*/
    .title-heng span.heng{
        display: block;
        height: 5px;
        width: 90px;
        margin-top: 2.86vw;
        background: #faebd6;
        position: relative;
        border-radius: 30px;
    }
    .title-heng span.heng::before {
        content: '';
        position: absolute;
        left: 0;
        top: -3px;
        height: 10px;
        width: 10px;
        border-radius: 50%;
        background: #f08c00;
        -webkit-animation-duration: 3s;
        animation-duration: 3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-name: MOVE-BG;
        animation-name: MOVE-BG;
    }
    @-webkit-keyframes MOVE-BG{
        from{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(88px);
            transform:translateX(88px)}
    }
    @keyframes MOVE-BG{
        from{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(88px);
            transform:translateX(88px)}
    }

    .col-more a{display: inline-block;padding: 0.65vw 20px;min-width: 9.63vw;text-align: center;font-family: 'OpenSans Medium'; line-height:25px;color: #fff;background: #f08c00;border-radius: 25px;text-transform: uppercase;}
    .col-more a span{display: flex;align-items: center;justify-content: center;}
    .col-more a i{margin-left: 0.8vw;}

    .col-subnav{ border-bottom: 1px solid #ddd; }
    .col-subnav a{display: inline-block;padding: 1.43vw 0;margin:0 2.3vw; position: relative; color: #333;}
    .col-subnav a:after{content: '';width: 0;position: absolute;left: 0;bottom:-2px;border-bottom: 3px solid #f08c00;opacity: 0;transition: 0.5s;}
    .col-subnav a:hover:after,
    .col-subnav a.on:after{width: 100%;opacity: 1;}
    .col-subnav-pro a span{display:inline-block;margin-right: 10px;position: relative;top: 1.5px; width: 16px;height: 16px;border:4px solid #868686;border-radius: 50%;}
    .col-subnav-pro a.on{color: #f08c00;}
    .col-subnav-pro a.on span{border-color: #f08c00;}
/*common*/
/*-banner-*/
    .banner {width: 100%; position: relative;background: #ccc;z-index: 7;}
    .banner .swiper-slide{width: 100%; background-size: cover;background-position: center;position: relative;}
    .banner .swiper-slide .content{width: 100%;position: absolute;left: 0;top:0;height: 100%;display: flex;align-items: center;color: #fff;text-align: center;}
    .banner .swiper-slide .content h2{line-height: 1.1;}
    /*index*/
    .banner-index .swiper-slide .pic:after{padding-bottom:47.239%;}
    .banner-index .swiper-slide .content{padding-top: 100px;}
    .banner-index .swiper-slide .content h2{font-size: 3.75vw;font-family: "OpenSans Bold";font-weight: bold;text-transform: uppercase;}
    .banner-index .swiper-slide .content hr{ width: 3.64vw;max-width: 70px;min-width: 35px; height: 8px;margin: 2vw auto;border: 0;background: #f08c00;border-top-left-radius: 4px;border-bottom-right-radius: 4px; }
    .banner-index .swiper-slide .content p{ line-height: 1.5; }
    .banner-index .swiper-banner .swiper-pagination{bottom: 2vw;}
    .banner-index .swiper-banner .swiper-pagination .swiper-pagination-bullet {width:3.9vw;max-width: 75px;min-width: 30px; height:2px;margin:0 5px;background:#fff;border-radius: 0; opacity: 0.33;outline: none;}
    .banner-index .swiper-banner .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;}
    .banner-index .swiper-banner.swiper-no-swiping .swiper-pagination{display: none;}
    /*page*/
    .banner-page .swiper-slide .pic:after{padding-bottom: 28.38%;}
    .banner-page .swiper-slide .pic img{display: none;}
    .banner-page .swiper-slide .content{padding-top: 9vw;}
    .banner-page .swiper-slide .content h2{font-size: 2.5vw;font-weight: bold;font-family: 'OpenSans Bold';}
    .banner-page .swiper-slide .content p{margin-top: 10px;line-height:1;color: #f18d00;font-weight: bold;}
    .banner-page-10 .swiper-slide .pic:after{padding-bottom: 36.458%;}
    .banner-page-20 .swiper-slide .pic:after{padding-bottom: 39.583%;}
    .banner-page-20 .swiper-slide .content{padding-top: 15vw;}
    @media (max-width: 991px) {
        .banner-index .swiper-slide .content{padding-top: 50px;}
        .banner-index .swiper-slide .content hr{height: 4px; margin: 20px auto;border-top-left-radius: 2px;border-bottom-right-radius: 2px; }
        .banner-index .swiper-banner .swiper-pagination{bottom: 20px;}
        .banner-index .swiper-banner .swiper-pagination .swiper-pagination-bullet{margin: 0 3px;}

        .banner-page .pic{display: none;}
        .banner-page .swiper-slide{height: 260px;}
        .banner-page .swiper-slide .content{padding-top: 70px;}
        .banner-page .swiper-slide .content h2{font-size:24px;}
        .banner-page-10 .swiper-slide{height: auto;}
        .banner-page-10 .swiper-slide .pic{display: block;min-height: 260px;}
        .banner-page-10 .swiper-slide .pic img{display: none;}
        .banner-page-20 .swiper-slide{height: auto;}
        .banner-page-20 .swiper-slide .pic{display: block;min-height: 300px;}
        .banner-page-20 .swiper-slide .pic img{display: none;}
    }
    @media (max-width: 767px) {
        .banner-index .pic{display: none;}
        .banner-index .swiper-slide{height: 360px;}
        .banner-index .swiper-slide .content h2{font-size: 24px;}
        .banner-index .swiper-slide .content p{font-size: 14px;}
    }
/*-banner-*/
/*index about1*/
    .about-number{ color: #888; }
    .about-number ul li{padding: 1.5vw 0;}
    .about-number ul li hr{margin: 0.8vw 0 1.14vw;border-color: #ddd;}
    .about-number ul li p.data{display: flex;}
    .about-number ul li p.data span.num,
    .about-number ul li p.data span.dw {font-size: 3.125vw;color: #f08c00;line-height: 0.8;font-family: 'Arial';}
    .about-number ul li p.data em{padding-left: 5px; color: #222;line-height:1; }
    .col-index-about{ padding-top: 8%;padding-bottom: 8%; }
    .col-index-about .flex{align-items: center;}
    .col-index-about .col-title{margin-bottom: 2.6vw;}
    .col-index-about .col-title h4{margin-bottom: 1vw; color: #f08c00;}
    .col-index-about .col-more{margin-top: 2vw;}
    .col-index-about .content{width: 38.98%;padding-right: 5vw;color: #1d242f;}
    .col-index-about .content p{line-height: 1.55;}
    .col-index-about .pic{width: 36.13%;text-align: center;border-top-left-radius: 3.64vw;border-bottom-right-radius: 3.64vw;}
    .col-index-about .about-number{width: 24.87%;padding-left: 3.9vw;}
    .col-index-about .about-number ul li:first-child{padding-top: 0;}
    .col-index-about .about-number ul li:last-child{padding-bottom: 0;}
/*index about1*/
/*index product1*/
    .col-index-product{height: 41.666vw;min-height: 500px;}
    .col-index-product .swiper-container{width: 100%;height: 100%; position: absolute;left: 0;top:0;z-index: -1;background: #ccc;}
    .col-index-product .swiper-slide{width: 100%; background-size: cover;background-position: center;position: relative;}
    .col-index-product .padding{height: calc(100% - 80px);padding-top: 5%;padding-bottom: 5%; display: flex; align-items: center;}
    .col-index-product .flex{align-items: center;}
    .col-index-product .contents{width: 35%;padding-right: 4vw;}
    .col-index-product .content{display: none; color: #222;}
    .col-index-product .content .text{line-height: 1.6em;height: 9.6em;overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
        text-overflow: ellipsis;
    }
    .col-index-product .content .col-title{margin-bottom: 1.82vw;}
    .col-index-product .content .col-more{margin-top: 3vw;}
    .col-index-product .content .col-more a{min-width: 12.5vw;}
    .col-index-product .list{width: 65%;}
    .col-index-product .list ul{margin: 0;}
    .col-index-product .list ul li{padding: 0 1.56vw;}
    .col-index-product .list ul li .pic{border-radius: 50%;}
    .col-index-product .list ul li .pic:after{padding-bottom: 100%;}
    .col-index-product .list ul li .pic img{width: 69%; background: #fff;border-radius: 50%; transition: 0.5s;}
    .col-index-product .list ul li .pic img.img2{opacity: 0;}
    .col-index-product .list ul li p{margin-top: 10px; color: #fff; line-height: 1.33;transition: 0.5s;}
    .col-index-product .list ul li a.active .pic img{width: 93%;background: #f08c00;}
    .col-index-product .list ul li a.active .pic img.img1{opacity: 0;}
    .col-index-product .list ul li a.active .pic img.img2{opacity: 1;}
    .col-index-product .list ul li a.active p{transform: scale(1.33);}
    .col-product-link{ padding: 17.5px 0; background: #1e4973; }
    .col-product-link p{display: flex;align-items: center;justify-content: center;flex-wrap: wrap; color: #fff;}
    .col-product-link p span{display: inline-block;padding: 0 1.14vw;line-height: 45px;}
    .col-product-link p a{ display: block;min-width: 16.14vw; padding: 0 20px; font-size: 14px; color: #fff;background: #f08c00;border-radius: 23px; }
/*index product1*/
/*index technology1*/
    .col-index-tech{padding-top: 7%;padding-bottom: 7%;}
    .col-index-tech .flex{align-items: center;}
    .col-index-tech .col-title{margin-bottom: 2vw;}
    .col-index-tech .content{width: 40%;padding-right: 5vw; color: #222;}
    .col-index-tech .content ul{padding-top: 2.6vw;display: flex;flex-wrap: wrap;text-align: center;}
    .col-index-tech .content ul li{width:48%;margin-right: 0.83vw;margin-top: 0.83vw; padding: 15px 7px; float: left; border:1px solid #ddd;border-radius: 15px;font-family: 'OpenSans Bold';font-weight: bold;}
    .col-index-tech .content ul li p{line-height:1.25;}
    .col-index-tech .content ul li img{height: 2.6vw;max-height: 50px;min-height: 30px; margin-bottom: 7px;}
    .col-index-tech .content ul li:nth-child(2n){margin-right: 0;}
    .col-index-tech .pic{width: 60%;}
/*index technology1*/
/*index sale1*/
    .col-index-sale{padding-top: 7%;padding-bottom: 7%;}
    .col-index-sale .flex{align-items: center;}
    .col-index-sale .col-title {margin-bottom: 1.45vw;}
    .col-index-sale .pic{width: 55.31%;}
    .col-index-sale .content{width: 44.69%;padding-left: 5.98vw;color: #222;}
    .col-index-sale .content>*{max-width: 495px;}
    .col-index-sale .content p.country{font-family: 'OpenSans Bold'; font-weight: bold;line-height: 1.2;color: #f08c00;}
    .col-index-sale .content p.country .num{display: flex; font-size: 6.25vw;line-height: 0.8;}
    .col-index-sale .content hr{margin: 1.45vw 0 1.8vw;border-color: #b7b7b7;}
/*index sale1*/
/*index news1*/
    .col-index-news{padding-top: 6%;padding-bottom: 6%;}
    .col-index-news .container{max-width: 1380px;}
    .col-index-news .button{padding-top: 1vw; line-height: 20px; }
    .col-index-news .button a{display: inline-block;position: relative;margin-left: 2.5vw; color: #222; }
    .col-index-news .button a:after{content: '';width:0;border-bottom: 2px solid #f08c00;position: absolute;left: 0;bottom: -2px;transition: 0.5s;opacity: 0;}
    .col-index-news .button a i{position: relative;top: 2px;margin-left: 0.52vw;}
    .col-index-news .button a.more{margin-left: 5vw;}
    .col-index-news .button a.more:before{content: '';height: 20px;position: absolute;left: -2.5vw;top: 0;border-left: 1px solid #ddd;}
    .col-index-news .button a:hover{ color: #f18d00; }
    .col-index-news .button a:hover:after{width: 100%;opacity: 1;}
    .col-index-news .list{margin:0 -20px;margin-top: 2.239vw;}
    .col-index-news .list .swiper-news{padding: 20px;}
    .col-index-news .list .panel{padding: 1.5vw; box-shadow: 0px 0px 20px 7px rgba( 0, 0, 0,0.08 ); border-radius: 8px;cursor: pointer;}
    .col-index-news .list .date{color: #222;}
    .col-index-news .list .date span{ padding: 0 0.78vw;color: #ddd;position: relative;top: -1px; }
    .col-index-news .list h4{color: #222;line-height: 1.3;margin-top:15px;transition: 0.5s;}
    .col-index-news .list h4 a{color: #222;}
    .col-index-news .list p{margin-top: 10px; line-height: 1.6em;height: 4.8em;overflow: hidden; }
    .col-index-news .list a.detailed{display: inline-block;margin-top: 1.5vw;text-transform: uppercase; color: #222;}
    .col-index-news .list a.detailed i{font-size: 12px;}
    .col-index-news .list .pic{margin-top: 10px;}
    .col-index-news .list .pic:after{padding-bottom: 60.81%;}
    .col-index-news .list .pic img{width: 100%; transition: 0.5s;}
    .col-index-news .list .panel:hover .pic img{transform: scale(1.05);}
    .col-index-news .list .panel:hover h4,
    .col-index-news .list .panel:hover h4 a,
    .col-index-news .list .panel:hover a.detailed{color: #f08c00;}
/*index news1*/

/*page about1*/
    .col-page-about{padding-top: 5%;padding-bottom: 5%; color: #222;}
    .col-page-about .content h3{margin-bottom: 1.56vw;}
    /*.col-page-about .content hr{width: 3.64vw;max-width: 70px;min-width: 35px;height: 8px;margin: 0;margin-bottom: 2.34vw; border: 0;border-top-left-radius: 4px;border-bottom-right-radius: 4px;background: #f08c00;}*/
    .col-page-about .content .title-heng span.heng{margin-top: 0;margin-bottom: 2.34vw;}
    .col-page-about .content p{line-height: 1.75;word-break: normal;}
    .col-page-about .content img{width: 100%;border-radius: 15px;}
    .col-page-about .content table{width: 100%;}
    .col-page-about .content table tr td{width: 50%;padding: 1.3vw 0;}
    .col-page-about .content table tr td:first-child{padding-right: 2vw;}
    .col-page-about .content table tr td:last-child{padding-left: 2vw;}
    .col-page-about .about-number ul {border-bottom: 1px solid #ddd;}
    .col-page-about .about-number ul li{position: relative;padding: 1.927vw 0;border-top: 1px solid #ddd; }
    .col-page-about .about-number ul li .tit{position: absolute;right: 0;}

    .col-about-culture{color: #fff;}
    .col-about-culture .col-title{color: #fff;}
    .col-about-culture .content{padding: 5vw 0;}
    .col-about-culture .content .con{width: 100%; max-width: 660px;}
    .col-about-culture .content h3{margin-bottom: 1.82vw;}
    .col-about-culture .content0{padding-left: 4vw;}
    .col-about-culture .content0 .con{float: right;padding-right: 5vw;}
    .col-about-culture .content1{padding-right: 4vw;}
    .col-about-culture .content1 .con{padding-left: 5vw;}
    .col-about-culture .content-2{padding-top: 1.3vw;}
    .col-about-culture .content:nth-child(2n){border-left: 1px solid rgba(255,255,255,0.2);border-bottom: 1px solid rgba(255,255,255,0.2);}
    .col-about-culture .content:last-child{border-bottom: 0;}

    .col-about-history{padding-top: 5%;padding-bottom: 5%;}
    .history.pic{overflow: visible;}
    .history.pic:after{padding-bottom: 45.45%;}
    .history .middle{width: 108%;position: absolute;left: -4%;top: 32.26%;}
    .history .middle img{width: 100%;}
    .history .swiper-container{height: 100%;position: absolute;left: 0;top:0;}
    .history .cont{position: relative;display: flex; color: #222; }
    .history .cont span.yuan{width: 30px;height: 30px;position: absolute;left: 0;border:5px solid #f08c00;background: #fff;border-radius: 50%;}
    .history .cont .date{margin-bottom: 10px;}
    .history .cont .date .year{line-height: 0.8;font-family: 'Arial';}
    .history .cont .desc{width: 100%; height:9.375vw;overflow: auto;  }
    .history .cont .desc p{ line-height: 1.7; }
    .history .cont .desc::-webkit-scrollbar{width:5px;height:5px;}
    .history .cont .desc::-webkit-scrollbar-track-piece{background-color: #eeeeee;}
    .history .cont .desc::-webkit-scrollbar-thumb:vertical{height: 10px;background-color: #f18d00;}
    .history .cont .desc::-webkit-scrollbar-thumb:horizontal{width: 10px;background-color: #eeeeee;}
    .history .cont0{width: 100%;height: 48.83%;position: absolute;right:0;padding-bottom:3.5vw;align-items: flex-end;}
    .history .cont0 span.yuan{bottom: 0;}
    .history .cont0 .desc{height: 9vw;}
    .history .cont1{height: 78.5%;padding-bottom:3.5vw;align-items: flex-end;}
    .history .cont1 span.yuan{bottom: 0;}
    .history .cont2{width: 100%;padding-top: 3.64vw; position: absolute;left:0;top:62.5%;}
    .history .cont2 span.yuan{top:0;}
    .history .cont2 .desc{height: 6.77vw;}
    .history .cont3{height: 66.3%;padding-bottom:3.5vw;align-items: flex-end;}
    .history .cont3 span.yuan{bottom: 0;}
    .history .cont4{width: 100%;padding-top: 4.5vw; position: absolute;left:0;top:43%;}
    .history .cont4 span.yuan{top:0;}

    .col-about-honor{ padding-top: 5.5%;padding-bottom: 6%; background: #f7fbfc; color: #222;}
    .col-about-honor .content{max-width: 970px;margin: 0 auto;margin-top: 9px;}
    .col-about-honor .list{margin-top: 3.48vw;}
    .col-about-honor .list .textbg{width: 100vw;height: calc(25px + 1.82vw);position: absolute;left: 50%;margin-left: -50vw;bottom: 0;background: #fff;box-shadow: 14.849px 14.849px 40px 2px rgba( 0, 0, 0,0.18 );}
    .col-about-honor .list .pic:after{padding-bottom: 128.57%;}
    .col-about-honor .list h4{padding: 0.91vw 0;line-height: 25px;}
/*page about1*/
/*page innov*/
    .col-tech1{padding-top: 6%;padding-bottom: 6%;}
    .col-tech1 .flex{align-items: center;}
    .col-tech1 .content{width: 50.73%;padding-right: 5vw;color: #222;}
    .col-tech1 .col-title{ margin-bottom: 3.64vw; }
    .col-tech1 .col-title h4{max-width: 157px;margin-bottom: 1vw; color: #f08c00;line-height: 1.25;text-transform: uppercase;}
    .col-tech1 .col-title.title-heng span.heng{margin-top: 1.56vw;}
    .col-tech1 .pic{width: 49.27%;}

    .col-tech2 .container{padding: 6vw 0; min-height: 42.916vw;align-items: center;}
    .col-tech2 .content{padding: 0;max-width: 690px; color: #fff;}
    .col-tech2 .content img{height: 3.28vw;max-height: 63px;min-height: 40px;margin-bottom: 1vw;}
    .col-tech2 .content h3{margin-bottom: 0.52vw; line-height: 1.14; }
    .col-tech2 .content h4{margin-bottom: 2.44vw; line-height: 1.5; }
    .col-tech2 .content p{ max-width: 565px; }

    .col-tech3{ padding-top: 6%;padding-bottom: 6%;background: #f7fbfc; }
    .col-tech3 .col-title{display: flex;align-items: center;}
    .col-tech3 .col-title:after{content: '';width: 100%;margin-left: 0.78vw;border-top:1px solid #ddd;}
    .col-tech3 .col-title h3{text-transform: uppercase;white-space: nowrap;}
    .col-tech3 .col-title h3 span{color: #f08c00;}
    .col-tech3 .list{margin-top: 4vw;}
    .col-tech3 .list .bg{width: 100vw;height: calc(25px + 1.82vw);position: absolute;left: 50%;margin-left: -50vw;bottom: 0;background: #fff;box-shadow: 14.849px 14.849px 40px 2px rgba( 0, 0, 0,0.18 );}
    .col-tech3 .list .pic:after{padding-bottom: 134.78%;}
    .col-tech3 .list .swiper-container{padding-bottom: calc(25px + 1.82vw);}
    .col-tech3 .list1{margin-top: 3vw;}
/*page innov*/
/*page news1*/
    .col-page-news{padding-top: 5.2%;padding-bottom: 5.2%; background: #f4f5f6;}
    .news ul li{margin-top: 1.77vw;}
    .news ul li .panel{cursor: pointer; transition: 0.5s; box-shadow: 0 0 10px rgba(0,0,0,.1);}
    .news ul li .date{ color: #535353; }
    .news ul li .date span.clicks{ color: #222; }
    .news ul li h4{height: 2.8em;line-height: 1.4em; color: #222; overflow: hidden;transition: 0.5s;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
    }
    .news ul li h4 a{color: #222;}
    .news ul li a.detailed{color: #222;text-transform: uppercase;}
    .news ul li a.detailed i{display: inline-block;margin-left: 10px;}
    .news ul li .panel:hover{box-shadow: 0 0 15px rgba(0,0,0,.3);}
    .news ul li .panel:hover h4 ,
    .news ul li .panel:hover h4 a{color: #1c60a5;}
    .news ul li .panel:hover a.detailed{color: #ed9207;}
    .news ul.img{margin:0 -0.78vw;padding-top: 0.83vw;}
    .news ul.img li{padding: 0 0.78vw;}
    .news ul.img li .pic:after{padding-bottom: 60.81%;}
    .news ul.img li .con{padding: 1vw;}
    .news ul.img li .date{align-items: center;}
    .news ul.img li .date i{margin-right: 6px;}
    .news ul.img li .date span.xian{height: 11px;margin-left: 0.7vw;padding-left: 0.7vw; border-left: 1px solid #ddd;}
    .news ul.img li h4{margin-top: 10px;}
    .news ul.text{padding-top: 0.73vw;}
    .news ul.text .panel{padding: 2vw;padding-left: calc(2vw + 160px);position: relative;}
    .news ul.text .date{width: 160px;position: absolute;left: 2vw;top: 2vw;margin-top: 3px;}
    .news ul.text .date span.clicks{display: block;margin-top: 1vw;}
    .news ul.text p{ margin: 10px 0 1.3vw; color: #5a5a5a;line-height: 1.5em;height: 4.5em;overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        text-overflow: ellipsis;
    }
    /*newshow*/
    .col-newsdet-top{padding-top: 2vw;padding-bottom: 2vw;margin-top: 141px; background: #f4f5f6; }
    .col-newsdet-top .mbx{padding-bottom: 1.56vw; border-bottom: 1px solid #e2e3e3; }
    .col-newsdet-top h1{margin-top: 2vw; color: #222;line-height: 1.2;}
    .col-newsdet-top .date{margin-top: 1.3vw; color: #8b8b8b;}
    .col-newsdet{padding-top: 3.64%;padding-bottom: 5%;}
    .newshow{width: 67%;padding-right: 2vw;}
    .newshowtxt{ color: #464646; line-height: 1.8; }
    .prev-next{margin-top: 4vw;padding-top: 4vw; border-top: 1px solid #ebebeb;}
    .prev-next a{max-width:45%;color: #898989;}
    .prev-next a b{color: #535353;margin-bottom: 5px;display: inline-block;}
    .prev-next a:hover{color: #f18d00;}
    .newshow-more{width: 33%;padding-left: 2vw;}
    .newshow-more .col-title h3{padding-left: 15px; border-left:7px solid #f18d00;line-height: 1; }
    .newshow-more ul{margin-top: 1.45vw;}
    .newshow-more ul li{padding: 1.3vw; margin-bottom: 14px; color: #9b9b9b; border:1px solid #ededed; }
    .newshow-more ul li .pic{margin-bottom: 1vw;}
    .newshow-more ul li h4{margin-top: 8px; line-height: 1.3;color: #333;}
    .newshow-more ul li h4 a{color: #333;}
    .newshow-more ul li p{margin-top: 5px; height: 3em;line-height: 1.5em;overflow: hidden;}
/*page news1*/
/*page*/
    .page { text-align: center;margin-top:4vw;}
    .page ul{margin:0;}
    .page li {  display: inline;}
    .page li a{
        display: inline-block;
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-family: 'Arial';
        border-radius: 50%;
        background: none;
        padding: 0;
        margin: 0 5px;
        color:#4b4b4b;
        border:0!important;
    }
    .page li a:hover,
    .page li.active a {
        background: #eee!important;
        color: #f08c00;
    }
    .page li.bgnone a{
        background: none;
    }
    .page li.bgnone a:hover {
        color: #2d2e66;
    }
    .page li:first-child a,
    .page li:last-child a{background: none;border-radius: 50%;}
    @media (max-width: 991px) {
        .page{margin-top: 40px;}
    }
/*page*/
/*page contact*/
    .col-page-contact{padding-top: 6%;padding-bottom: 6%;}
    .col-page-contact .content{width: 40%;position: relative;z-index: 2;}
    .col-page-contact .content .col-title h4{margin-bottom: 1vw; color: #f08c00;text-transform: uppercase;}
    .col-page-contact .content .con{margin-top: 1.82vw;}
    .col-page-contact .content .con p{line-height: 1.5;}
    .col-page-contact .content .con ul li{position: relative;padding-left: 22px;}
    .col-page-contact .content .con ul li img{position: absolute;left: 0;top: 2px;}
    .col-page-contact .content .con ul li p.tit{margin-bottom: 3px; font-family: 'OpenSans Medium';line-height: 25px;color: #222; }
    .col-page-contact .content .con2{color: #222;margin-top: 2.6vw;}
    .col-page-contact .content .con2 a{color: #222;}
    .col-page-contact .content .con2 a:hover{color: #222;}
    .col-page-contact .content .con2 p{white-space: nowrap;}
    .col-page-contact .content .con2 p img{width: 5.46vw;max-width: 105px;margin-right: 0.41vw;}
    .col-page-contact .content .con2 p img:last-child{margin-right: 0;}
    .col-page-contact .content .con2 p.social-media{margin-top: 1vw;}

    .col-page-contact .pic{width: 71.23%;position: absolute;right: 0;top:50%;transform: translateY(-50%);}
    .col-page-contact .pic p{position: absolute;left: 78.63%;top:44%;display: flex;align-items: center;line-height: 25px;white-space: nowrap;}
    .col-page-contact .pic p img{width: 25px;}
    .col-page-contact .pic p span{position: absolute;left: 50%;top: 100%;transform: translateX(-50%);margin-top: 5px;}
    .col-page-contact .pic p a{color: #222;}
    .col-page-contact .pic p a:hover{color: #f08c00;}

    .col-page-contact .flex{align-items: center;}
    .col-page-contact .map{width: 60%;padding-left: 1vw;}
    #map{width: 100%;height: 30vw;max-height: 600px;min-height: 300px;}

    .contact{margin-top: 5vw;padding-bottom: 4.5vw;border-bottom: 1px solid #ddd; color: #222; }
    .contact h3{line-height: 1.3;margin-bottom: 1.4vw;}
    .contact ul{display: flex;}
    .contact ul li{width: 33.33%;margin-right: 1.87vw;padding: 2vw; border:1px solid #ddd; }
    .contact ul li hr{margin: 0.83vw 0 1.45vw;width: 1.56vw;max-width: 30px;min-width: 15px;border-top: 3px solid #f08c00;}
    .contact ul li p.tit{line-height: 1;}
    .contact ul li p.name{margin-bottom: 5px; font-family: 'OpenSans Medium'; }
    .contact ul li:last-child{margin-right: 0;}

    .message{padding-top: 4vw; color: #222; }
    .message .col-title h3{color: #f08c00;}
    .message .col-title p{padding: 0.88vw 0 1.7vw;}
    .mess{padding: 0;}
    .mess ul li{margin-top: 1.19vw;}
    .mess ul li input,
    .mess ul li textarea{width: 100%;float: left;padding: 0 1vw; height: 55px;line-height: 53px; border-radius: 10px;border:1px solid #ddd;box-shadow: 2px 3.464px 8px 0px rgba( 0, 43, 105,0.07 );outline: none;}
    .mess ul li textarea{height: 8.22vw;max-height: 158px;min-height: 100px;padding: 13px 1vw;line-height: 1.8; }
    .mess ul li.verification{display: flex;align-items: center;margin-top: 1.5vw;}
    .mess ul li.verification input{width: 40%;max-width: 200px;margin-right: 10px;}
    .mess ul li.sub{margin-top: 4vw;}
    .mess ul li.sub input{width: 40%;max-width: 200px;background: #f08c00;border-color: #f08c00;color: #fff;border-radius: 28px;}
    .mess.cons{padding-left: 4vw;}
/*page contact*/
/*other*/
    #gotoTop{
        display: none;
        z-index: 299;
        position: fixed;
        width: 40px;
        height: 40px;
        background-color: rgba(0,0,0,0.3);
        font-size: 20px;
        line-height: 36px;
        text-align: center;
        color: #fff;
        top: auto;
        left: auto;
        right: 30px;
        bottom: 50px;
        cursor: pointer;
        border-radius: 2px;
        transition: 0.5s;
    }
    #gotoTop:hover{
        background-color: #f08c00;color: #fff;
    }
    .customer-service{
        z-index: 299;
        position: fixed;
        font-size: 20px;
        line-height: 40px;
        text-align: center;
        color: #FFF;
        top: auto;
        left: auto;
        right: 30px;
        bottom: 90px;
    }
    .customer-service li{
        width: 40px;
        height: 40px;
        background-color: #333;
        background-color: rgba(0,0,0,0.3);
        cursor: pointer;
        border-radius: 2px;
        margin-bottom: 10px;
    }
    .customer-service li a{
        color: #FFF;
    }
    .customer-service li:hover{
        background-color: #f18d00 !important;
    }
/*other*/
/*page product*/
    .col-proColumn .content{padding: 0;display: flex;align-items: center;}
    .col-proColumn .content img.icon{width: 4.63vw;max-width: 89px;min-width: 60px;}
    .col-proColumn .content h3{margin: 1.3vw 0; line-height: 1.14;}
    .col-proColumn .content .col-more{margin-top: 5vw;}
    .col-proColumn .content .col-more a {min-width: 12.5vw;}
    .col-proColumn .content .col-more a i{margin-left: 10px;}
    .col-proColumn .pic{padding: 0;text-align: right;}
    .col-proColumn1{padding-top: 6%;padding-bottom: 6%;color: #222;}
    .col-proColumn1 .content{padding-right: 2.86vw;}
    .col-proColumn1 .content h3{color: #2d2d2d;}
    .col-proColumn1 .pic{padding-left: 2.86vw;}
    .col-proColumn1 .pic img{border-radius: 50%;}
    .col-proColumn0{padding: 0;color: #fff;}
    .col-proColumn0 .container.flex{max-width: none;flex-direction: row-reverse;}
    .col-proColumn0 .content{padding: 4vw;padding-left: 0; background: #a9a9b3;}
    .col-proColumn0 .content .con{max-width: 660px;padding-left: 2.86vw;}
/*page product*/
/*addpro four*/
    .title-heng.text-center span.heng{margin-top: 1.3vw; margin-left: auto;margin-right: auto;}
    .banneradd{margin-top: 125px;}
    .banneradd .swiper-slide .pic:after{padding-bottom: 33.85%;}
    .banneradd .swiper-slide .content{display: flex;padding-top: 80px;}
    .banneradd .swiper-slide .container{display: flex;align-items: center;}
    .banneradd .swiper-slide .img{width: 50%;text-align: center;}
    .banneradd .swiper-slide .img img{max-height: 23.38vw;}
    .banneradd .swiper-slide .txt{width: 50%;padding-right: 3vw;}
    .banneradd .swiper-slide .txt p{line-height: 1.2;}
    .banneradd21 .swiper-slide .txt p.t1{ line-height: 1.04;text-transform: uppercase; }
    .banneradd21 .swiper-slide .txt p.t2{ margin-top: 15px;text-transform: uppercase; }
    .banneradd22 .swiper-slide .txt p.t2{margin-top: 1vw; font-size: 3.75vw;line-height: 0.8;}
    .banneradd22 .swiper-slide .txt p.t3{margin-top: 1vw; line-height: 1.04;text-transform: uppercase;}
    .banneradd22 .swiper-slide .txt hr{margin: 1.82vw 0 0;width: 3.64vw;max-width: 70px;min-width: 35px;height: 8px;background: #f08c00;border:0;}
    .banneradd23 .swiper-slide .txt p{max-width: 498px;}
    .banneradd23 .swiper-slide .txt p.t1{color: #f08c00;}
    .banneradd23 .swiper-slide .txt p.t1 span.data1{font-size: 7.8vw;line-height: 0.8;}
    .banneradd23 .swiper-slide .txt p.t2{padding: 8px 0 1vw; display: inline-block;text-transform: uppercase; border-bottom: 1px solid #7a9fb9;}
    .banneradd23 .swiper-slide .txt p.t3{margin-top: 1.82vw;}
    .banneradd23 .swiper-slide .txt p.t3 span.data2{line-height: 0.8;}
    .banneradd24 .swiper-slide .txt p{max-width: 490px;}
    .banneradd24 .swiper-slide .txt p.t1{font-weight: bold;color: #f08c00;}
    .banneradd24 .swiper-slide .txt p.t1 span.data1{font-size: 7.8vw;line-height: 0.8;}
    .banneradd24 .swiper-slide .txt p.t2{margin-top: 8px; text-transform: uppercase; }

    .col-addpro-mbbr1 .container{padding: 5.9vw 0;color: #222;}
    .col-addpro-mbbr1 .content{margin-top: 1.3vw;}
    .col-addpro-mbbr1 .content p{max-width: 1154px;margin:0 auto;}
    .col-addpro-mbbr1 .content ul{display: flex;margin-top: 4vw;}
    .col-addpro-mbbr1 .content ul li{width: 100%;padding: 6px 1vw; border-right: 1px solid #ddd;}
    .col-addpro-mbbr1 .content ul li img{display: block; height: 2.5vw;max-height: 48px;min-height: 30px;margin:0 auto;margin-bottom: 1vw;}
    .col-addpro-mbbr1 .content ul li p{ line-height: 1.3;}
    .col-addpro-mbbr1 .content ul li:last-child{border:0;}
    .col-addpro-plastic1 .container{padding-bottom: 0;}
    .col-addpro-plastic1 .content p{max-width: 1200px;}
    .col-addpro-plastic1 .content img{margin-top: -8vw;margin-bottom: -4.68vw;position: relative;z-index: -1;}
    .col-addpro-pvcplastic1 .content p{max-width: 1200px;}

    .col-addpro-mbbr2{padding-top: 5.9vw;padding-bottom: 5.9vw; background: #f5f5f5;color: #222; }
    .col-addpro-mbbr2 .content{margin-top: 1vw;}
    .col-addpro-mbbr2 .content ul{display: flex;flex-wrap: wrap;margin:0 -4vw;}
    .col-addpro-mbbr2 .content ul li{width: 33.33333%;padding: 0 4vw;margin-top: 3vw;}
    .col-addpro-mbbr2 .content ul li img{width: 100%; border-radius: 5px;}
    .col-addpro-mbbr2 .content ul li p.tit{margin-top: 1.3vw; line-height: 1.2;}
    .col-addpro-mbbr2 .content ul li hr{width: 3.125vw;max-width: 60px;min-width: 30px;margin:1vw auto; border-top: 4px solid #f08c00;}
    .col-addpro-plastic2 .content ul{margin: 0 -1.82vw;}
    .col-addpro-plastic2 .content ul li{width: 50%;padding: 0 1.82vw;}

    .col-addpro-mbbr3{padding-top: 5.9vw;padding-bottom: 5.9vw;}
    .col-addpro-mbbr3 .list{margin-top: 3vw;}
    .col-addpro-mbbr3 .list ul{margin:0 -0.88vw;margin-top: -1.6vw; display: flex;flex-wrap: wrap;}
    .col-addpro-mbbr3 .list ul li{padding: 0 0.88vw;margin-top: 1.6vw;}
    .col-addpro-mbbr3 .list ul li .panel{border-radius: 10px;overflow: hidden;}
    /*.col-addpro-mbbr3 .list ul li .pic{background: #000;}*/
    .col-addpro-mbbr3 .list ul li .pic:after{padding-bottom: 100%;}
    .col-addpro-mbbr3 .list ul li .txt{width: 100%;position: absolute;left: 0;bottom: 1.3vw;color: #fff;}
    .col-addpro-mbbr3 .list ul li a.more{display: block;padding:0.78vw; text-transform: uppercase; line-height:20px;color: #222;background: #f5f5f5;}
    .col-addpro-mbbr3 .list ul li a.more:hover{color: #fff;background: #f08c00;}
    /*20241129*/
    .col-addpro-mbbr3 .list ul li .txtbg{background: url(../images/txtbg.png) center bottom no-repeat;background-size: 100%;}
    .col-addpro-mbbr3 .list ul li .txt span{display: block; width: 4.427vw;max-width: 85px;min-width: 45px; height: 5px;margin:0 auto;margin-bottom: 0.88vw; border-radius: 3px;background: #f18d00;}
    /*20241129*/

    .col-addpro-plastic3 .list ul{margin:0 -1vw;margin-top: -1.5vw;}
    .col-addpro-plastic3 .list ul li{padding: 0 1vw;margin-top: 1.5vw;}
    /*.col-addpro-plastic3 .list ul li .pic:after{padding-bottom: 79.16%;}*/

    .col-addpro-pvcplastic3 .list ul{margin-top: -2.6vw;}
    .col-addpro-pvcplastic3 .list ul li{margin-top: 2.6vw;}
    /*.col-addpro-pvcplastic3 .list ul li .pic:after{padding-bottom: 67.708%;}*/
    /*.col-addpro-pvcplastic3 .list ul li .txt{position: static;padding: 1.3vw 0 0.78vw; color: #222;}
    .col-addpro-pvcplastic3 .list ul li a.more{display: inline-block;padding: 0; color: #f08c00;border-bottom: 1px solid #f08c00;background: none;}
    .col-addpro-pvcplastic3 .list ul li a.more:hover{color: #f08c00;background: none;}*/

    .col-addpro-contact{padding-bottom: 6%;color: #fff;}
    .col-addpro-contact .container{ background: #1d242f; }
    .col-addpro-contact a{color: #fff;}
    .col-addpro-contact a:hover{color: #f08c00;}
    .col-addpro-contact .pic{width: 46.32%;}
    .col-addpro-contact .content{width: 53.68%;padding: 3vw 6.77vw 2vw;}
    .col-addpro-contact .content h3{color: #f08c00;line-height: 1.2;margin-bottom: 2.34vw;}
    .col-addpro-contact .content h3 span{display: block;margin-top: 10px;}
    .col-addpro-contact .content p.tit {margin-bottom: 10px;}
    .col-addpro-contact .content p.link {margin-top: 10px;}
    .col-addpro-contact .content p.link a{margin-right: 10px;}
    .col-addpro-contact .content p.link span.iconfont{font-size: 0;}
    .col-addpro-contact .content p.link span.iconfont:before{content: '';font-family: 'iconfont';font-size: 16px;}
    .col-addpro-contact .content p.link span.span_in.iconfont:before{content: '\e620';}
    .col-addpro-contact .content p.link span.span_f.iconfont:before{content: '\e60e';}
    .col-addpro-contact .content p.link span.span_t.iconfont:before{content: '\e60f';}
    .col-addpro-contact .content p.link span.span_tik.iconfont:before{content: '\e8db';}
    .col-addpro-contact .content p.link span.span_i.iconfont:before{content: '\e67b';}
    .col-addpro-contact .content p.link span.soan_video.iconfont:before{content: '\e67c';}
/*addpro four*/
/*addpro list*/
    .col-prolist-top{margin-top: 221px;}
    .col-prolist-top .img{width: 36.3%;height: 100%; position: absolute;right: 0;top: 0;z-index: -1;}
    .col-prolist-top .img .bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(../images/bg.png) center no-repeat;background-size: 100%;}
    .col-prolist-top .panel{width: 69%;padding-top: 2vw;padding-right: 5.2vw;}
    .col-prolist-top .panel .triangle{width: 13.43vw;height: 100%;position: absolute;left: 100%;margin-left: -1px; top: 0;clip-path: polygon(0 0, 100% 0, 0 100%, 0 0);background: #fff;}
    .col-prolist-top .col-title{margin-top: 2.34vw;}
    .col-prolist-top .col-title h3 span{ color: #f08c00; }
    .col-prolist-top .description{ margin-top: 1.3vw; color: #222; }
    .col-prolist-top .description p{ line-height: 1.25; }
    .col-prolist-top .content{margin-top: 2.6vw;padding-right: 2vw; padding-bottom: 7vw;}
    .col-prolist-top .content .imgs{z-index: 2;}
    .col-prolist-top .content .bg{width: 100vw;height: calc(50% + 3.5vw);position: absolute;right: -5.2vw;bottom: 0;background: #f08c00;}
    .col-prolist-top .content .bg .triangle{clip-path: polygon(0 0, 37.2% 0, 0 100%, 0 0);background: #f08c00; }
    .parallelogram { padding: 8px 1.5vw; margin: 0 20px 0 0;margin-left: -15px;color: #fff;line-height: 1.6;}
    .parallelogram:before{
        content: '';position: absolute;top:0;right: 0;bottom: 0;left: 0;z-index: 1;
        background-color: #222;transition:0.5s;
        transform:skew(-20deg);    
        -webkit-transform: skew(-20deg);   
        -moz-transform: skew(-20deg);   
        -o-transform:skew(-20deg);   
        -ms-transform:skew(-20deg); 
    }
    .col-prolist-top .content .bg span{position: absolute;display:block;white-space: nowrap;}
    .col-prolist-top .content .bg span a{position: relative;z-index: 2;color: #fff;}
    .col-prolist-top .content .bg span.span1{left: 100%;margin-left: -4.5vw; bottom: 100%;}
    .col-prolist-top .content .bg span.span2{left: 100%;margin-left: -4.5vw; top: 0;}
    .col-prolist-top .content .bg span.span2:before{ background-color: #f08c00; }
    
    .col-prolist{padding-top: 5%;padding-bottom: 5%; background: #f8f8f8;}
    .col-page-left{padding-left: 0;padding-right: 1vw;}
    .product-cate{padding: 2vw 1.6vw; background: #fff; }
    .product-cate h3{color: #222;}
    .pronavadd ul{margin-top: 1.56vw; border-top:1px solid #ddd;}
    .pronavadd ul li{padding: 1vw 0; padding-left: 16px;position: relative;border-bottom: 1px dashed #ddd; }
    .pronavadd ul li:before{content: '';width: 6px;height: 6px;position: absolute;left: 0;top: calc(1vw + 9px);background: #666;border-radius: 50%;}
    .pronavadd ul li h4{line-height: 25px;color: #222;}
    .pronavadd ul li h4 a{color: #222;}
    .pronavadd ul li:hover h4 a{color: #f08c00;}
    .pronavadd ul li.on h4 a{color: #f18d00;border-bottom: 1px solid #f18d00;}
    .pronavadd ul li.on:before{background: #f08c00;}

    .col-page-right{padding: 0;}
    .pro ul{margin:0 -5px;margin-top: -10px;}
    .pro li{padding: 0 5px;margin-top: 10px;}
    .pro li .panel{padding-bottom: 1vw;}
    .pro li .pic:after{padding-bottom: 100%;}
    .pro li .pic img{width: 100%;}
    .pro li .txt{padding: 0 5px;}
    .pro li h4{margin-top: 1vw; color: #333;line-height: 1.3;}
    .pro li h4 a{color: #333;}
    .pro li .col-more{margin-top: 1vw;}
    .pro li .col-more a{min-width: 8.33vw; color: #fff;background: #f08c00;line-height: 20px; }
    .pro li .col-more a i{margin-left: 5px;}
    .pro li .col-more a:hover{background: #f18d00;color: #fff;}
/*addpro list*/
/*addpro detail*/
    .col-prodet-out{margin-top: 221px;background: #f8f8f8;}
    .col-prodet-out.col-prodet-out30{margin-top: 141px;}
    .col-prodet-out .mbx{padding: 2vw 0;}
    .proshow{ padding: 3vw; background: #fff; }
    .col-prodet .images{width: 43%;}
    .col-prodet .images .pic:after{padding-bottom: 100%;}
    .col-prodet .images .pic img{width: 100%;}
    .col-prodet .swiper-container .swiper-pagination{bottom: 1.5vw;}
    .col-prodet .swiper-container .swiper-pagination .swiper-pagination-bullet { width: 10px;height: 10px;margin:0 3px;background: #f3f3f3;opacity: 1;outline: none; }
    .col-prodet .swiper-container .swiper-pagination .swiper-pagination-bullet-active {background: #272727;}

    .col-prodet .content1{width: 57%;padding-left: 3.64vw;padding-bottom: 70px;}
    .col-prodet .content1 div{width: 100%;}
    .col-prodet .content1 h1{ color: #222; }
    .col-prodet .content1 .con{padding-top: 1vw;}
    .col-prodet .content1 .con ul li{position: relative;padding-left: 16px;margin-top: 8px; line-height: 25px;}
    .col-prodet .content1 .con ul li:before{content: '';width: 6px;height: 6px;position: absolute;left: 0;top: 9px;background: #f08c00;border-radius: 50%;}
    .col-prodet .content1 .con ul li p{line-height: 25px;}
    .col-prodet .content1 .con table{width: 100%;margin-top: 2.6vw;}
    .col-prodet .content1 .con table tr td{padding: 0.78vw; border:1px solid #ddd; }
    .col-prodet .content1 .con table tr.firstRow{ background: #f08c00;color: #fff;}
    .col-prodet .content1 .con table tr.firstRow td{padding: 8px 0.78vw; line-height: 1.3; }
    .col-prodet .content1 .con table tr.firstRow td p{ line-height: 1.3; }
    .col-prodet .content1 .col-more{width: 57%;padding-left: 3.64vw;position: absolute;left: 43%;bottom: 0;}
    .col-prodet .content1 .col-more a{padding-top: 0.54vw;padding-bottom: 0.54vw; border:2px solid #f08c00;}
    .col-prodet .content1 .col-more a.return{margin-left: 5px; border:2px solid #a6a6a6;background: #fff;color: #222; }
    .col-prodet .content1 .col-more a.return:hover{ border:2px solid #f08c00;background: #f08c00;color: #fff; }

    .prenext{margin-top: 4vw;}
    .prenext .flex{width: 100%;padding: 1vw 1.8vw; background: #f08c00;color: #fff;justify-content: space-between;}
    .prenext a{display:block;max-width: 45%;line-height: 1.8; color: #fff;}

    .proshow .description{margin-top: 3.64vw;}
    .proshow .descriptionLeft{width: 43%;color: #222;}
    .proshow .descriptionLeft h2{text-transform: uppercase;}
    .proshow .descriptionRight{width: 57%;padding-left: 3.64vw;}
    .proshow .descriptionRight ul li{padding-bottom: 1vw;margin-bottom: 1vw;border-bottom: 1px solid #ddd;}
    .proshow .descriptionRight ul li p{display: flex;align-items: center;}
    .proshow .descriptionRight ul li p img{width: 4.68vw;max-width: 90px;margin-right: 1.3vw;}
    .proshow .descriptionRight ul li:last-child{padding-bottom: 0;margin-bottom: 0;border: 0;}

    .col-prodet-related{padding-top: 4vw;padding-bottom: 5vw;}
    .col-prodet-related .pro{margin-top: 2.7vw;}
    .col-prodet-related .pro ul{margin: 0;}
    .col-prodet-related .pro li{padding: 0;margin: 0;}
    .col-prodet-related .swiper-container .swiper-pagination{position: static;margin-top: 2.6vw;}
    .col-prodet-related .swiper-container .swiper-pagination .swiper-pagination-bullet { width: 15px;height: 15px;margin:0 5px;background: none;border: 3px solid #888; opacity: 1;outline: none; }
    .col-prodet-related .swiper-container .swiper-pagination .swiper-pagination-bullet-active {background: #f08c00;border-color: #f08c00;}
/*addpro detail*/
/*application case*/
    .col-page-case{ margin-top: 141px; }
    .col-page-case .mbx{padding: 1vw 0;}
    .col-page-case .col-title{margin-top: 4vw;}
    .col-page-case .col-title hr{margin: 1vw auto 0;width: 3.28vw;max-width: 63px;min-width: 32px;border-top: 7px solid #1076be;}
    .col-page-case .col-title img{width: 7.7vw;max-width: 148px;min-width: 78px;margin-top: 1.5vw;}
    .col-page-case .list{padding-top: 1.77vw;}
    .col-page-case .list li{margin-top: 1.5vw;}
    .col-page-case .list li .pic{padding: 0;}
    .col-page-case .list li .pic:after{padding-bottom: 65.789%;}
    .col-page-case .list li a.aPlay{display: block;position: absolute;left: 1.3vw;bottom: 1.5vw;}
    .col-page-case .list li a.aPlay i{display: block;width: 54px;height: 54px;line-height: 54px;text-align: center;font-size: 20px;color: #1076be;background: #fff;border-radius: 50%;z-index: 2;position: relative;transition: 0.5s;}
    .col-page-case .list li a.aPlay i:hover{background: #f08c00;color: #fff;}
    .col-page-case .list li .content{padding: 4vw;display: flex;align-items: center; color: #222;background: #f5f5f5;}
    .col-page-case .list li .content .desc{width: 100%;}
    .col-page-case .list li .content .title{margin-bottom: 2.6vw;}
    .col-page-case .list li .content .title-heng span.heng{margin-top: 1.5vw;}
    /*.col-page-case .list li .content .title img{display: block;width: 2.6vw;max-width: 50px;min-width: 25px;margin-top: 1.5vw;}*/
    .col-page-case .list li.li0{flex-direction: row-reverse;}
    .col-page-case .col-addpro-contact{margin-top: 2.34vw;}
    .videoPop{width: 100%;height: 100%;background: rgba(0,0,0,0.6);position: fixed;left: 0;top:0;z-index: 1001;display: none;}
    .videoPop .content{width: 100%; max-width: 1280px; max-height:65vh; position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);}
    #video{width: 98%;max-width: 1280px;max-height:65vh;display: block; margin: 0 auto;  }
    #videoClose{position: absolute;right:0;top:0;transform: translateY(-100%); color: #fff;cursor: pointer;font-size: 28px;transition: 0.5s;}
    #videoClose:hover{color: #f08c00;}

    .col-page-case .col-subnav{margin-top: 2.34vw;padding: 1.17vw 0; background: #f5f5f5;border: 0; }
    .col-page-case .col-subnav a{padding: 0;}
    .col-page-case .col-subnav a:after{display: none;}
    .col-page-case .circle{margin: 8.33vw 0 12vw;}
    .col-page-case .circle .centerImg.pic{width: 36%;margin:0 auto;}
    .col-page-case .circle .centerImg.pic:after{padding-bottom: 99.12%;}
    .col-page-case .circle li{ width: 12.91%;position: absolute;}
    .col-page-case .circle li .pic{border-radius: 50%;transition: 0.5s;}
    .col-page-case .circle li .pic img{border-radius: 50%;}
    .col-page-case .circle li .pic:after{padding-bottom: 100%;}
    .col-page-case .circle li .pic:hover{box-shadow: 0 0 15px 1px rgba(0,0,0,0.08);}
    .col-page-case .circle li.li1{left: 10.63%;top: 3.72%;}
    .col-page-case .circle li.li2{right: 17.53%;top: -7.97%;}
    .col-page-case .circle li.li3{width: 19.62%;left: 0;bottom: -11.7%;}
    .col-page-case .circle li.li4{width: 18.10%;right: 0;top: 36.87%;}
    .col-page-case .circle li.li5{right: 20.25%;bottom: -21%;}
/*application case*/
/*站内搜索*/
    .goomay-keywords-light{ background: #dc3545 !important; color:#ffffff !important;}
    #search{ padding-top:5%;padding-bottom:5%;margin-top: 141px;min-height: 500px; overflow:hidden }
    .search_left{    border: 1px solid #d6d6d6; padding-top:5px;  padding-bottom:5px; }
    .s_head{ border-bottom: 1px solid #d6d6d6; height: 50px;  }
    .s_head h2{  line-height: 50px;  }
    .s_body ul{ margin-top: 10px; margin-left: 10px;margin-right: 10px;  }
    .s_body ul span{display: block;color: #333;line-height: 40px;}
    .s_body ul input,
    .s_body ul select{
        height: 35px;
        width: 100%;
        line-height: 35px;
        border: 1px solid #e6e6e6;
        padding-left: 10px;
        margin-bottom: 10px;
    }
    .s_body .sub input{
        height: 35px;
        line-height: 35px;
        background: #575757;
        border: 0;
        font-weight: bold;
        color: #fff;
        transition: 0.3s;
        text-align: center;
        padding-left: 0px;
    }
    .search_right{    padding-left: 40px;padding-right: 0;  }
    .search_right .no-result{
        text-align: center;
        font-size: 30px;
        color:#d80808;
        margin-top:50px;
    }
    .search-result-title{
        font-size: 20px;
        font-weight: 600;
        color: #333;
        line-height: 30px;
        height: 30px;
        overflow: hidden;
    }
    .entry-image { float: left;width: 120px;margin: 0 20px 0 0;}
    .entry-c{ position: relative;  overflow: hidden; }
    .search-result-info{    padding:5px 0;  }
    .search-result-info li{  display: inline-block;  }
    .search_right em{ color: #004cff;  }
    .search_right .search-result{  margin-left:25px; }
    .product_title a{ color: #d80808; text-decoration: underline; }
    .search_right .search-li{ border-bottom: 1px solid #d6d6d6; margin-bottom: 30px; padding-bottom: 10px;}
    .search_right li{ overflow: hidden;  }
    .search-result-info li:before{
        content: '/';
        display: inline-block;
        margin-left: 10px;
        margin-right: 10px;
        opacity: 0.5
    }
    .search-result-info li:first-child:before { display: none; }
    .product_list{ padding-bottom: 15px;    border-bottom: 1px solid #d6d6d6;     margin-bottom: 15px;  }
    .product_img{ float: left;  }
    .product_img img{    border-radius: 50%;  }
    .product_img img:hover{    width: 90px;    height: 90px;  }
    .product_body{  float: left; margin-left: 20px; margin-top: 10px;  }
    .product_title{ margin-bottom: 20px;  }
    .se_news{    float: right;    width: 79%;  }
    .news ul li .se_news a {color:#d80808;text-decoration: underline;display: inline-block;height: 22px;overflow: hidden; transition: 0.3s;  }
    .search_right .news .date em{ color: #fff;}
    @media (max-width: 991px){
        #search{padding-top: 55px;padding-bottom: 55px;margin-top: 90px;}
        .search_right{padding-left:15px;}
    }
    @media (max-width: 767px){
        .search_right{padding-left:0;margin-top:40px;}
        .entry-image{float: none;width: 100%;max-width: 300px;margin-bottom: 10px;}
    }
/*站内搜索*/
    #prolist{position: absolute;top: -221px;}
/*询盘*/
    .CatalogInquiry{margin-top: 141px;padding-top: 2vw;padding-bottom: 6vw; color: #222;}
    .CatalogInquiry .container{max-width: 1000px;}
    .CatalogInquiry .form{margin-top: 2vw;}
    .CatalogInquiry .form ul{}
    .CatalogInquiry .form li{margin-bottom: 20px;}
    .CatalogInquiry .form li span{display: block;margin-bottom: 8px;}
    .CatalogInquiry .form li input,
    .CatalogInquiry .form li textarea{display: block;width: 100%;height: 55px;padding: 0 18px; line-height: 55px;border: 1px solid #ddd;border-radius: 10px;box-shadow: 2px 3.464px 8px 0px rgba( 0, 43, 105,0.07 );outline: none;}
    .CatalogInquiry .form li textarea{height: 8.22vw;max-height: 158px;min-height: 100px;padding: 13px 1vw;line-height: 1.8;}
    .CatalogInquiry .form li.li4 input{display: inline-block; width: 20px;height: 20px;margin: 0 5px 0 0; box-shadow: none;}
    .CatalogInquiry .form li.li4 label{margin: 8px 0 0; line-height: 20px;font-weight: normal; cursor: pointer;}
    .CatalogInquiry .form li.li4 label>*{float: left;}
    .CatalogInquiry .form li.verification{display: flex;align-items: center;}
    .CatalogInquiry .form li.verification input{width: 40%;max-width: 200px;margin-right: 10px;}
    .CatalogInquiry .form li.submit{margin: 0;}
    .CatalogInquiry .form li.submit input{width: 40%;max-width: 200px;margin: 0 auto;background: #f08c00;border-color: #f08c00;color: #fff;border-radius: 28px;}
/*询盘*/
@media (max-width: 1400px){}
@media (max-width: 1280px){
    .nav ul li{margin-right: 2vw;}
}
/*手机版菜单*/
@media screen and (max-width: 991px)  {
    header h1{height: 55px;line-height: 55px;width: auto;}
    header h1 img{max-height: 75%;}
    .headTop{height: 35px;line-height: 35px;}
    .headTop span.img{height: 35px;}
    .headTop .phone-choose {margin-left: 7px;}
    .headTop .phone-choose p.tit{line-height: 35px;}
    .social{height: 35px;}
    .social span{margin-left: 7px;}
    .social span i{font-size: 16px;}
    .head.on{}
    .headNav{padding: 0;}
    #header a.mm_btn {background: center center no-repeat ;display: block;width: 55px;height: 55px;position: absolute;top:0;right: 0; padding: 12.5px; }
    #header .mm_btn .menu_bar {width: 30px;height: 30px; position: relative;transform: translateZ(0) rotate(0);transition: transform .4s cubic-bezier(.4,.01,.165,.99);}
    #header .mm_btn .menu_bar_item { position: absolute;left: 0;top: 0; transform: translateZ(0) rotate(0); transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s; -webkit-transform: translateZ(0) rotate(0); -webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s; width: 30px;height: 30px;}
    #header .mm_btn .menu_bar_item .rect{ width: 30px; height: 2px; background: #fff; position: absolute; left: 0; top: 14px;
      /*transition: transform .2s ease .2s;
      -webkit-transition: -webkit-transform .2s ease .2s;*/
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }
    #header .mm_btn .menu_bar_item .rect.top {transform: translate3d(0,-8px,0); -webkit-transform: translate3d(0,-8px,0);}
    #header .mm_btn .menu_bar_item .rect.mid {transform: translate3d(0,0px,0); -webkit-transform: translate3d(0,0px,0); transition: 0.5s;}
    #header .mm_btn .menu_bar_item .rect.bottom {transform: translate3d(0,8px,0); -webkit-transform: translate3d(0,8px,0);}
    #header .mm_btn.is_active .menu_bar_item.mid{opacity: 0;}
    #header .mm_btn.is_active .menu_bar_item .rect {transition: transform 0s ease 0s; transform: translate3d(0,0,0); -webkit-transition: -webkit-transform 0s ease 0s; -webkit-transform: translate3d(0,0,0);}
    #header .mm_btn.is_active .menu_bar_item.bottom { transform: translateZ(0) rotate(-45deg); -webkit-transform: translateZ(0) rotate(-45deg);}
    #header .mm_btn.is_active .menu_bar_item {
      transform: translateZ(0) rotate(45deg);
      transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s;
      -webkit-transform: translateZ(0) rotate(45deg);
      -webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s;
    }
    /*菜单弹出方向*/
    .mm-menu_offcanvas{left: auto!important;}
    .mm-menu{right: 0!important;}
    .mm-menu_offcanvas.mm-menu_opened{z-index: 9!important;}
    .mm-slideout{z-index: 10!important;}
    .mm-menu.mm-menu_pageshadow:after{content: ""; display: block; width: 20px; height: 120%; position: absolute; right: 100%; top: -10%; z-index: 99; box-shadow: 0 0 10px rgba(0,0,0,.3);}/*弹出菜单边阴影*/
    .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{
      -webkit-transform: translate(-80vw,0)!important;
      -ms-transform: translate(-80vw,0)!important;
      transform: translate(-80vw,0)!important;
      -webkit-transform: translate3d(-80vw,0,0)!important;
      transform: translate3d(-80vw,0,0)!important;
      /*transform: translate3d(80vw,0,0)!important;*/
    }
    .mm-wrapper_opened .mm-menu_fx-menu-slide {
      -webkit-transform: translate(0,0)!important;
      -ms-transform: translate(0,0)!important;
      transform: translate(0,0)!important;
      -webkit-transform: translate3d(0,0,0)!important;
      transform: translate3d(0,0,0)!important;
    }
    /**/
    #menu{ color:rgba(0,0,0,.8);}
    #menu .mm-listview .mm-btn_next:after{border-color: rgba(189,189,189,1);}
    #menu .mm-btn:after, #menu .mm-btn:before{border-color: rgba(189,189,189,1);}
    #menu .mm-navbar a, #menu .mm-navbar>*{color:rgba(0,0,0,.8); font-size: 16px;}
    #menu.mm-menu_theme-white .mm-counter{color:rgba(0,0,0,.6);}
    #menu .mm-searchfield input{background: rgba(0,0,0,.3);color: rgba(0,0,0,.2);}
    #menu .mm-listitem, #menu .mm-listitem #menu .mm-btn_next, #menu .mm-listitem #menu .mm-btn_next:before, #menu .mm-listitem:after, #menu .mm-listview{ border-color: rgba(0,0,0,.1); }
    #menu .mm-navbars_bottom, #menu .mm-navbars_top{border-color: rgba(0,0,0,.1);}
    #menu .mm-listitem a{font-size: 16px;}
}
@media (min-width: 550px){
    .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {
      -webkit-transform: translate(-440px,0)!important;
      -ms-transform: translate(-440px,0)!important;
      transform: translate(-440px,0)!important;
      -webkit-transform: translate3d(-440px,0,0)!important;
      transform: translate3d(-440px,0,0)!important;
    }
}
@media (max-width: 991px){
    .col-title p{margin-top:8px;}
    /*.col-title.title-heng span.heng{margin-top: 25px;height: 4px;border-top-left-radius: 2px;border-bottom-right-radius: 2px;}*/
    .col-more a{padding: 5px 15px;border-radius: 18px;}
    .col-more a i{margin-left: 7px;font-size: 14px;}

/*footer*/
    .footer{padding-top: 60px;}
    .footerleft{width: 100%;padding-right: 0;}
    .footerCon{ padding-bottom: 35px;}
    .footerCon hr{width: 20px;border-top: 2px solid #f08c00;margin: 8px 0 13px;}
    .footerCon ul li p.link {margin-top: 8px;}
    .footerNav{margin-top: 35px;}
    .footerNav ul li.dh{display: none;}
    .footerNav ul li.con{width: 100%;}
    .footerNav ul li.con p img{min-width: 70px;margin-right: 4px;}
    .footerNav ul li.con p.social-media{margin-top: 10px;}
    .footerMess{width: 100%;margin-top: 30px;}
    .footerMess ul{margin: 0 -5px;padding-top: 10px;}
    .footerMess li{padding: 0 5px;margin-top: 8px;}
    .footerMess li p{margin-bottom: 5px;}
    .footerMess li input,
    .footerMess li textarea{height: 35px;line-height: 35px;}
    .footerMess li textarea{height: 80px;padding: 8px 15px; line-height: 1.8;}
    .footerMess li.verification{ line-height: 33px; }
    .footerMess li.verification input{display: inline-block;width: 45%;max-width: 180px;margin-right: 1vw;}
    .footerMess li.submit input{display: inline-block;width: 45%;max-width: 180px;color: #fff;background: #f08c00;border-radius: 18px;}
    .copy .container{padding: 15px 0;margin-top: 25px;}
/*footer*/
/*index about1*/
    .about-number ul li{padding: 15px 0;}
    .about-number ul li hr{margin: 7px 0 12px;}
    .about-number ul li p.data span.num,
    .about-number ul li p.data span.dw {font-size: 30px;}
    .col-index-about{ padding-top: 60px;padding-bottom: 60px; }
    .col-index-about .col-title{margin-bottom: 25px;}
    .col-index-about .col-title h4{margin-bottom: 10px;}
    .col-index-about .col-more{margin-top: 20px;}
    .col-index-about .content{width: 100%;padding-right: 0;}
    .col-index-about .pic{width: 100%;margin-top: 40px;}
    .col-index-about .about-number{width: 100%;padding-left: 0;margin-top: 30px;}
/*index about1*/
/*index product1*/
    .col-index-product{height: auto;min-height: none;}
    .col-index-product .padding{padding-top: 55px;padding-bottom: 55px;}
    .col-index-product .flex{align-items: center;}
    .col-index-product .contents{width: 100%;padding-right: 0;}
    .col-index-product .content .col-title{margin-bottom: 18px;}
    .col-index-product .content .col-more{margin-top: 25px;}
    .col-index-product .content .col-more a{min-width: 12.5vw;}
    .col-index-product .list{width: 100%;margin-top: 30px;}
    .col-index-product .list ul{margin: 0 -1vw;}
    .col-index-product .list ul li{padding: 0 1vw;}
    .col-index-product .list ul li .pic{ max-width: 146px;margin:0 auto; }
    .col-index-product .list ul li p{margin-top: 10px; color: #fff; line-height: 1.33;transition: 0.5s;}
    .col-index-product .list ul li a.active p{transform: scale(1);}
    .col-product-link{ padding: 10px 0;}
    .col-product-link p span{padding: 0 1.14vw;line-height: 30px;}
    .col-product-link p a{ padding: 0 15px; font-size: 12px;border-radius: 15px; }
/*index product1*/
/*index technology1*/
    .col-index-tech{padding-top: 60px;padding-bottom: 60px;}
    .col-index-tech .col-title{margin-bottom: 20px;}
    .col-index-tech .content{width: 100%;padding-right: 0;}
    .col-index-tech .content ul{padding-top: 25px;}
    .col-index-tech .content ul li{margin-right: 8px;margin-top: 8px;border-radius: 10px;}
    .col-index-tech .pic{width: 100%;margin-top: 40px;}
/*index technology1*/
/*index sale1*/
    .col-index-sale{padding-top: 60px;padding-bottom: 60px;}
    .col-index-sale .col-title {margin-bottom: 15px;}
    .col-index-sale .pic{width: 100%;}
    .col-index-sale .content{width: 100%;padding-left: 0;margin-top: 40px;}
    .col-index-sale .content>*{max-width: none;}
    .col-index-sale .content p.country .num{font-size: 60px;}
    .col-index-sale .content hr{margin: 14px 0 18px;}
/*index sale1*/
/*index news1*/
    .col-index-news{padding-top: 60px;padding-bottom: 60px;}
    .col-index-news .button{padding-top: 10px;}
    .col-index-news .button a{margin-left: 1.5vw;}
    .col-index-news .button a i{margin-left: 5px;font-size: 15px;}
    .col-index-news .button a.more{margin-left: 3vw;}
    .col-index-news .button a.more:before{left: -1.5vw;}
    .col-index-news .list{margin:0 -15px;margin-top: 23px;}
    .col-index-news .list .swiper-news{padding: 15px;overflow: visible;}
    .col-index-news .list .panel{padding: 15px; box-shadow: 0px 0px 15px 5px rgba( 0, 0, 0,0.08 );}
    .col-index-news .list .date span{ padding: 0 7px;}
    .col-index-news .list h4{margin-top: 10px;}
    .col-index-news .list p{margin-top: 8px;}
    .col-index-news .list a.detailed{margin-top: 13px;}
/*index news1*/
/*page about1*/
    .col-page-about{padding-top: 50px;padding-bottom: 50px;}
    .col-page-about .content h3{margin-bottom: 15px;}
    /*.col-page-about .content hr{height: 4px;margin-bottom: 20px; border-top-left-radius: 2px;border-bottom-right-radius: 2px;}*/
    .col-page-about .content .title-heng span.heng{margin-top: 0;margin-bottom: 20px;}
    .col-page-about .content img{border-radius: 10px;}
    .col-page-about .content table tr td{display: block; width: 100%;padding: 13px 0;}
    .col-page-about .content table tr td:first-child{padding-right: 0;}
    .col-page-about .content table tr td:last-child{padding-left: 0;}
    .col-page-about .about-number ul li{padding: 20px 0;}

    .col-about-culture{padding: 25px 0;}
    .col-about-culture .content{padding: 35px 4vw!important;  }
    .col-about-culture .content .con{max-width: none;}
    .col-about-culture .content h3{margin-bottom: 18px;}
    .col-about-culture .content0 .con{padding-right: 0;}
    .col-about-culture .content1 .con{padding-left: 0;}
    .col-about-culture .content-1{padding-top: 0!important;}
    .col-about-culture .content-2{padding-top: 35px;border-bottom: 1px solid rgba(255,255,255,0.2);}
    .col-about-culture .content:nth-child(2n){border-left: 0;}

    .col-about-history{padding-top: 50px;padding-bottom: 50px;}
    .history-mob{position: relative;padding-top: 15px;overflow: hidden;}
    .history-mob:before{content:'';width: 3px;height: 100%;position: absolute;left: 8px;top:43px;background: #205ba9;}
    .history-mob .list{position: relative;padding-left: 30px;margin-top: 25px;z-index: 2;color: #222;}
    .history-mob .list .yuan{display: block;width: 18px;height: 18px;position: absolute;left: 0;top:1px;border-radius: 50%;border:4px solid #f08c00;background: #fff;}
    .history-mob .list .date{margin-bottom: 10px;line-height: 1;font-size:13px;}
    .history-mob .list .date .year{font-size:24px;line-height: 0.8;}

    .col-about-honor{ padding-top: 55px;padding-bottom: 60px;}
    .col-about-honor .list{margin-top: 30px;}
    .col-about-honor .list .textbg{height: 40px;}
    .col-about-honor .list h4{padding: 8px 0;line-height: 24px;}
/*page about1*/
/*page innov*/
    .col-tech1{padding-top: 60px;padding-bottom: 60px;}
    .col-tech1 .content{width: 100%;padding-right: 0;}
    .col-tech1 .col-title{ margin-bottom: 35px; }
    .col-tech1 .col-title h4{margin-bottom: 10px;}
    .col-tech1 .col-title.title-heng span.heng{margin-top: 15px;}
    .col-tech1 .pic{width: 100%;margin-top: 30px;}

    .col-tech2 .container{padding: 60px 0;}
    .col-tech2 .content img{margin-bottom: 10px;}
    .col-tech2 .content h3{margin-bottom: 5px; }
    .col-tech2 .content h4{margin-bottom: 25px;}

    .col-tech3{ padding-top: 60px;padding-bottom: 60px;}
    .col-tech3 .col-title:after{margin-left: 8px;}
    .col-tech3 .list{margin-top: 40px;}
    .col-tech3 .list .bg{height: 40px;}
    .col-tech3 .list .swiper-container{padding-bottom: 40px;}
    .col-tech3 .list1{margin-top: 30px;}
/*page innov*/
/*page news1*/
    .col-page-news{padding-top:55px;padding-bottom:55px;}
    .news ul li{margin-top:17px;}
    .news ul li a.detailed i{margin-left: 8px;}
    .news ul.img{margin:0 -7px;padding-top: 8px;}
    .news ul.img li{padding: 0 7px;}
    .news ul.img li .con{padding: 10px;}
    .news ul.img li .date i{margin-right: 5px;}
    .news ul.img li .date span.xian{margin-left: 7px;padding-left: 7px;}
    .news ul.img li h4{margin-top: 8px;}
    .news ul.text{padding-top: 7px;}
    .news ul.text .panel{padding: 20px;padding-left: 120px;}
    .news ul.text .date{width: 100px;left: 20px;top: 20px;}
    .news ul.text .date span.clicks{margin-top: 10px;}
    .news ul.text p{margin: 8px 0 13px;}
    /*newshow*/
    .col-newsdet-top{padding-top: 20px;padding-bottom: 20px;margin-top: 90px;}
    .col-newsdet-top .mbx{padding-bottom: 15px;}
    .col-newsdet-top h1{margin-top: 20px;}
    .col-newsdet-top .date{margin-top: 13px;}
    .col-newsdet{padding-top: 35px;padding-bottom: 55px;}
    .newshow{width: 100%;padding-right: 0;}
    .prev-next{margin-top: 40px;padding-top: 40px;}
/*page news1*/
/*page contact*/
    .col-page-contact{padding-top: 60px;padding-bottom: 60px;}
    .col-page-contact .content{width: 100%;}
    .col-page-contact .content .col-title h4{margin-bottom: 10px;}
    .col-page-contact .content .con{margin-top: 18px;}
    .col-page-contact .content .con2{margin-top: 25px;}
    .col-page-contact .content .con2 p img{min-width: 70px; margin-right: 4px;}
    .col-page-contact .content .con2 p.social-media{margin-top: 10px;}
    .col-page-contact .pic{width: 100%;position: relative;top:0;transform: none;margin-top: 30px;font-size: 14px;}
    .col-page-contact .map{width: 100%;padding-left: 0;margin-top: 40px;}
    .contact{margin-top: 50px;padding-bottom: 45px; }
    .contact h3{margin-bottom: 15px;}
    .contact ul li{margin-right: 15px;padding: 20px 15px;}
    .contact ul li hr{margin: 8px 0 14px;border-width: 2px;}
    .message{padding-top: 40px;}
    .message .col-title p{padding: 8px 0 16px;}
    .mess{padding: 0;}
    .mess ul li{margin-top: 12px;}
    .mess ul li input,
    .mess ul li textarea{padding: 0 10px; height: 45px;line-height: 43px; border-radius: 7px;}
    .mess ul li textarea{padding: 8px 10px;line-height: 1.8; }
    .mess ul li.verification{margin-top: 15px;}
    .mess ul li.verification input{margin-right: 7px;}
    .mess ul li.sub{margin-top: 40px;}
    .mess.cons{padding-left: 0;}
/*page contact*/
/*page product*/
    .col-proColumn .content{padding: 0;}
    .col-proColumn .content h3{margin: 13px 0;}
    .col-proColumn .content .col-more{margin-top: 20px;}
    .col-proColumn .pic{padding: 0;text-align: center;}
    .col-proColumn1{padding-top: 60px;padding-bottom: 60px;}
    .col-proColumn1 .content{padding-right:0;}
    .col-proColumn1 .pic{padding:30px 0 0;}
    .col-proColumn0{padding: 0;}
    .col-proColumn0 .content{padding: 50px 4vw;}
    .col-proColumn0 .content .con{max-width: none;padding-left: 0;}
    .col-proColumn0 .pic:after{padding-bottom: 69.583%;}
/*page product*/
/*addpro four*/
    .title-heng.text-center span.heng{margin-top: 13px; margin-left: auto;margin-right: auto;}
    .banneradd{margin-top: 85px;}
    .banneradd .swiper-slide .pic{min-height: 280px;}
    .banneradd .swiper-slide .pic:after{padding-bottom: 50%;}
    .banneradd .swiper-slide .content{padding-top: 55px;}
    .banneradd .swiper-slide .txt{width: 100%;}
    .banneradd21 .swiper-slide .txt p.t1{ font-size: 20px; }
    .banneradd21 .swiper-slide .txt p.t2{ margin-top: 10px;font-size: 18px;}
    .banneradd22 .swiper-slide .txt p.t1{ font-size: 16px; }
    .banneradd22 .swiper-slide .txt p.t2{margin-top: 10px; font-size: 30px;}
    .banneradd22 .swiper-slide .txt p.t3{margin-top: 10px; font-size: 20px;}
    .banneradd22 .swiper-slide .txt hr{margin: 15px 0 0;height: 4px;}
    .banneradd23 .swiper-slide .txt p{max-width: 498px;}
    .banneradd23 .swiper-slide .txt p.t1 span.data1{font-size: 34px;}
    .banneradd23 .swiper-slide .txt p.t2{padding: 5px 0 10px;font-size: 17px;}
    .banneradd23 .swiper-slide .txt p.t3{margin-top: 15px;font-size: 17px;}
    .banneradd23 .swiper-slide .txt p.t3 span.data2{font-size: 28px;}
    .banneradd24 .swiper-slide .txt p.t1{font-size: 18px;}
    .banneradd24 .swiper-slide .txt p.t1 span.data1{font-size: 34px;}
    .banneradd24 .swiper-slide .txt p.t2{margin-top: 5px;font-size: 18px;}

    .col-addpro-mbbr1 .container{padding: 60px 0;}
    .col-addpro-mbbr1 .content{margin-top: 15px;}
    .col-addpro-mbbr1 .content ul{margin-top: 40px;font-size: 14px;}
    .col-addpro-mbbr1 .content ul li img{margin-bottom: 10px;}
    .col-addpro-plastic1 .container{padding-bottom: 0;}

    .col-addpro-mbbr2{padding-top: 60px;padding-bottom: 60px;}
    .col-addpro-mbbr2 .content{margin-top: 10px;}
    .col-addpro-mbbr2 .content ul{margin:0 -1.5vw;}
    .col-addpro-mbbr2 .content ul li{padding: 0 1.5vw;margin-top: 25px;}
    .col-addpro-mbbr2 .content ul li p.tit{margin-top: 15px;}
    .col-addpro-mbbr2 .content ul li hr{margin: 10px auto; border-top: 2px solid #f08c00;}

    .col-addpro-plastic2 .content ul{margin: 0 -1.5vw;}
    .col-addpro-plastic2 .content ul li{width: 50%;padding: 0 1.5vw;}

    .col-addpro-mbbr3{padding-top: 60px;padding-bottom: 60px;}
    .col-addpro-mbbr3 .list{margin-top: 10px;}
    .col-addpro-mbbr3 .list ul{margin:0 -8px;}
    .col-addpro-mbbr3 .list ul li{padding: 0 8px;margin-top: 20px;}
    .col-addpro-mbbr3 .list ul li .panel{border-radius: 5px;}
    .col-addpro-mbbr3 .list ul li .txt{bottom: 13px;font-size: 16px;}
    .col-addpro-mbbr3 .list ul li a.more{padding:7px;}
    /*20241129*/
    .col-addpro-mbbr3 .list ul li .txt span{ height: 3px; margin-bottom: 5px;}
    /*20241129*/

    .col-addpro-plastic3 .list ul{margin-top: 0;}
    .col-addpro-plastic3 .list ul li{margin-top: 15px;}

    .col-addpro-pvcplastic3 .list ul{margin-top: 0;}
    .col-addpro-pvcplastic3 .list ul li{margin-top: 25px;}
    /*.col-addpro-pvcplastic3 .list ul li .txt{padding: 13px 0 8px;}
    .col-addpro-pvcplastic3 .list ul li a.more{padding: 0;}*/

    .col-addpro-contact{padding-bottom: 60px;}
    .col-addpro-contact .pic{width: 100%;}
    .col-addpro-contact .pic:after{padding-bottom: 54.644%;}
    .col-addpro-contact .content{width: 100%;padding: 30px 4vw;}
    .col-addpro-contact .content h3{margin-bottom: 20px;}
    .col-addpro-contact .content h3 span{margin-top: 5px;}
    .col-addpro-contact .content p.tit {margin-bottom: 5px;}
    .col-addpro-contact .content p.link {margin-top: 5px;}
    .col-addpro-contact .content p.link a{margin-right: 5px;}
/*addpro four*/
/*addpro list*/
    .col-prolist-top{margin-top: 140px;}
    .col-prolist-top .panel{width: 100%;padding-top: 20px;padding-right: 0;}
    .col-prolist-top .panel .triangle{display: none;}
    .col-prolist-top .col-title{margin-top: 23px;}
    .col-prolist-top .description{ margin-top: 15px}
    .col-prolist-top .content{margin-top: 25px;padding-right: 0;}
    .col-prolist-top .content .bg{right: -4vw;}
    .col-prolist-top .content .bg .triangle{display: none;}
    .col-prolist-top .content .bg span{display: none;}
    
    .col-prolist{padding-top: 55px;padding-bottom: 55px;}
    .col-page-right{padding: 0;}
    .pro ul{margin:0 -5px;margin-top: -10px;}
    .pro li{padding: 0 5px;margin-top: 10px;}
    .pro li .panel{padding-bottom: 10px;}
    .pro li h4{margin-top: 10px;}
    .pro li .col-more{margin-top: 10px;}
/*addpro list*/
/*addpro detail*/
    .col-prodet-out{margin-top: 140px;}
    .col-prodet-out.col-prodet-out30{margin-top: 90px;}
    .col-prodet-out .mbx{padding: 20px 0;}
    .proshow{ padding: 30px 3vw; }
    .col-prodet .images{width: 100%;}
    .col-prodet .swiper-container .swiper-pagination{bottom: 15px;}
    .col-prodet .swiper-container .swiper-pagination .swiper-pagination-bullet { width: 8px;height: 8px;}
    .col-prodet .content1{width: 100%;padding-left: 0;padding-bottom: 0;margin-top: 30px;}
    .col-prodet .content1 .con{padding-top: 10px;overflow-x: auto;}
    .col-prodet .content1 .con ul li{padding-left: 13px;margin-top: 5px;}
    .col-prodet .content1 .con table{margin-top: 20px;min-width: 430px; }
    .col-prodet .content1 .con table tr td{padding: 8px;word-wrap: break-word;word-break: normal!important;}
    .col-prodet .content1 .con table tr.firstRow td{padding: 5px 8px; }
    .col-prodet .content1 .col-more{width: 100%;padding-left: 0;position: static;margin-top: 25px;}
    .col-prodet .content1 .col-more a{padding-top: 5px;padding-bottom: 5px; border:1px solid #f08c00;}
    .col-prodet .content1 .col-more a.return{margin-left: 3px; border:1px solid #a6a6a6;}
    .col-prodet .content1 .col-more a.return:hover{ border:1px solid #f08c00;}

    .prenext{margin-top: 35px;}
    .prenext .flex{padding: 10px 15px;}

    .proshow .description{margin-top: 35px;}
    .proshow .descriptionLeft{width: 100%;}
    .proshow .descriptionRight{width: 100%;padding-left: 0;margin-top: 20px;}
    .proshow .descriptionRight ul li{padding-bottom: 10px;margin-bottom: 10px;}
    .proshow .descriptionRight ul li p img{width: 45px;margin-right: 13px;}

    .col-prodet-related{padding-top: 40px;padding-bottom: 55px;}
    .col-prodet-related .pro{margin-top: 27px;}
    .col-prodet-related .pro ul{margin: 0;}
    .col-prodet-related .pro li{padding: 0;margin: 0;}
    .col-prodet-related .swiper-container .swiper-pagination{margin-top: 25px;}
    .col-prodet-related .swiper-container .swiper-pagination .swiper-pagination-bullet { width: 8px;height: 8px;margin:0 3px;border-width: 2px}
/*addpro detail*/
/*application case*/
    .col-page-case{ margin-top: 90px; }
    .col-page-case .mbx{padding: 10px 0;}
    .col-page-case .col-title hr{margin: 10px auto 0;border-top: 3px solid #1076be;}
    .col-page-case .col-title img{margin-top: 15px;}
    .col-page-case .list li{margin-top: 15px;}
    .col-page-case .list li a.aPlay{left: 4vw;bottom: 15px;}
    .col-page-case .list li a.aPlay i{width: 45px;height: 45px;line-height: 45px;font-size: 16px;}
    .col-page-case .list li .content{padding: 4vw;}
    .col-page-case .list li .content .title{margin-bottom: 25px;}
    /*.col-page-case .list li .content .title img{margin-top: 15px;}*/
    .col-page-case .list li .content .title-heng span.heng{margin-top: 15px;}
    .col-page-case .col-addpro-contact{margin-top: 25px;}

    .col-page-case .col-subnav{margin-top: 23px;padding: 10px 0;}
    .col-page-case .col-subnav a{padding: 3px 0;}
    .col-page-case .circle{margin: 12vw 0 16vw;}
/*application case*/
/*询盘*/
    .CatalogInquiry{margin-top: 90px;padding-top: 20px;padding-bottom: 55px;}
    .CatalogInquiry .form{margin-top: 20px;}
    .CatalogInquiry .form li{margin-bottom: 15px;}
    .CatalogInquiry .form li span{display: block;margin-bottom: 5px;}
    .CatalogInquiry .form li input,
    .CatalogInquiry .form li textarea{padding: 0 10px; height: 45px;line-height: 43px; border-radius: 7px;}
    .CatalogInquiry .form li textarea{padding: 8px 10px;line-height: 1.8;}
    .CatalogInquiry .form li.li4 input{width: 15px;height: 15px;margin-top: 2px;}
    .CatalogInquiry .form li.li4 label{margin-top: 5px;line-height: 20px;}
    .CatalogInquiry .form li.submit{}
/*询盘*/
}
@media (max-width: 767px){
    .col-product-link p{font-size: 14px;}
    .col-index-sale .content p.country .num{font-size: 40px;}
    .footerCon ul {flex-wrap: wrap;text-align: center;}
    .footerCon ul li{max-width: none;width: 100%;margin-bottom: 20px;}
    .footerCon ul li:last-child{margin-bottom: 0;}
    .footerCon hr{margin-left: auto;margin-right: auto;}
    .footerNav ul{text-align: center;}
    .footerNav ul li.con p img{margin:0 2px!important;}
    .news ul.text .panel{padding-left: 20px;}
    .news ul.text .date{position: static;margin: 0;display: block;}
    .news ul.text h4{margin-top: 10px;}
    .prev-next a{max-width: none;width: 100%;text-align: left!important;margin-bottom:10px;}
    .col-addpro-mbbr1 .content ul{font-size: 12px;}
    .col-addpro-mbbr2 .content ul li{width: 50%;}
    .prenext {display:block;}
    .prenext a{width: 100%; max-width:100%;}
    .contact h3{margin-bottom:5px;}
    .contact ul {flex-wrap: wrap;}
    .contact ul li{width: 100%;margin-right: 0;margin-top: 15px;}
}
@media (max-width: 400px){}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #888;}
input:-moz-placeholder,textarea:-moz-placeholder {color:#888;}
input::-moz-placeholder,textarea::-moz-placeholder {color:#888;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color:#888;}

.f15{font-size: 15px;}
.f16{font-size: 16px;}
.f17{font-size: 17px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}
.f25{font-size: 25px;}
.f28{font-size: 28px;}
.f30{font-size: 30px;}
.f33{font-size: 33px;}
.f35{font-size: 35px;}
.f36{font-size: 36px;}
.f40{font-size: 2.08vw;}
.f42{font-size: 2.18vw;}
.f45{font-size: 2.34vw;}
.f48{font-size: 2.5vw;}
.f50{font-size: 2.6vw;}
.f55{font-size: 2.86vw;}
.f72{font-size: 3.75vw;}
@media (max-width: 1400px){
    .f15{font-size: 14px;}
    .f16{font-size: 14px;}
    .f17{font-size: 15px;}
    .f18{font-size: 16px;}
    .f20{font-size: 18px;}
    .f22{font-size: 20px;}
    .f24{font-size: 20px;}
    .f25{font-size: 20px;}
    .f28{font-size: 22px;}
    .f30{font-size: 24px;}
    .f33{font-size: 24px;}
    .f35{font-size: 24px;}
    .f36{font-size: 24px;}
    .f40{font-size: 30px;}
    .f42{font-size: 30px;}
    .f45{font-size: 30px;}
    .f48{font-size: 30px;}
    .f50{font-size: 35px;}
    .f55{font-size: 35px;}
}
@media (max-width: 991px){
    .f17{font-size: 14px;}
    .f18{font-size: 15px;}
    .f20{font-size: 16px;}
    .f22{font-size: 18px;}
    .f24{font-size: 18px;}
    .f25{font-size: 18px;}
    .f28{font-size: 20px;}
    .f30{font-size: 20px;}
    .f33{font-size: 20px;}
    .f35{font-size: 20px;}
    .f36{font-size: 20px;}
    .f40{font-size: 24px;}
    .f42{font-size: 24px;}
    .f45{font-size: 24px;}
    .f48{font-size: 24px;}
    .f50{font-size: 30px;}
    .f55{font-size: 30px;}
    .f72{font-size: 30px;}
}
@media (max-width: 767px){
    .f40{font-size: 22px;}
    .f42{font-size: 22px;}
    .f45{font-size: 22px;}
    .f48{font-size: 22px;}
    .f50{font-size: 24px;}
    .f55{font-size: 24px;}
    .f72{font-size: 24px;}
}
#listCate ul li.li-hidden{display: none;}
#listCate .col-more{margin-top: 2.5vw;}
.col-addpvc-customization{padding-top: 6vw;padding-bottom: 6vw;margin-bottom: 6vw;}
.col-addpvc-customization .content{ width:  53.28%;padding: 2vw; position: absolute;left: 0;bottom: 0;color: #fff;}
.col-addpvc-customization .content h3{margin-bottom: 0.78vw;}
#mess{position: absolute;left: 0;top: -141px;}
@media (max-width: 991px){
    #listCate .col-more{margin-top: 25px;}
    .col-addpvc-customization{padding-top: 55px;padding-bottom: 55px;margin-bottom: 55px;}
}
@media (max-width: 767px) {
    .col-addpvc-customization .content{width: 100%;padding: 8vw 5vw 5vw; position: static;}
}